@burdenoff/fluidgrids-fe-sdk 2026.730.3 → 2026.731.2

package/dist/{WorkflowBuilder-CLIMJZPI.js → WorkflowBuilder-65FSMSCD.js}

@@ -1,7 +1,7 @@
-export { WorkflowBuilder } from './chunk-DZTLVUGS.js';
+export { WorkflowBuilder } from './chunk-UHUNDVWH.js';
 import './chunk-MRVS73S2.js';
 import './chunk-DBOMRIP5.js';
-import './chunk-JTET2M65.js';
+import './chunk-TH764V3S.js';
 import './chunk-BQXHJIER.js';
 import './chunk-PNOA7CQV.js';
 import './chunk-42PCKNPK.js';
@@ -12,5 +12,5 @@ import './chunk-IU65EQOS.js';
 import './chunk-5BDQNSP3.js';
 import './chunk-WWU2O2SR.js';
 import './chunk-XQP33UJR.js';
-//# sourceMappingURL=WorkflowBuilder-CLIMJZPI.js.map
-//# sourceMappingURL=WorkflowBuilder-CLIMJZPI.js.map
+//# sourceMappingURL=WorkflowBuilder-65FSMSCD.js.map
+//# sourceMappingURL=WorkflowBuilder-65FSMSCD.js.map

package/dist/{WorkflowBuilder-CLIMJZPI.js.map → WorkflowBuilder-65FSMSCD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-CLIMJZPI.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-65FSMSCD.js"}

package/dist/{blocks-M44L2H7I.js → blocks-UUACLZOU.js}

@@ -1,4 +1,4 @@
-export { AVAILABLE_NODES, NODES, NODES_METADATA, NODE_CONFIGS, NODE_TYPES, ensureNodeConfigsLoaded, fetchNodeManifest, isNodeConfigsInitialized, onNodeTypesUpdate, refetchStoreNodes, registerWorkflowNodeTypes } from './chunk-JTET2M65.js';
+export { AVAILABLE_NODES, NODES, NODES_METADATA, NODE_CONFIGS, NODE_TYPES, ensureNodeConfigsLoaded, fetchNodeManifest, isNodeConfigsInitialized, onNodeTypesUpdate, refetchStoreNodes, registerWorkflowNodeTypes } from './chunk-TH764V3S.js';
 import './chunk-BQXHJIER.js';
 import './chunk-PNOA7CQV.js';
 import './chunk-KU64CCSV.js';
@@ -7,5 +7,5 @@ import './chunk-3ZYUGTIT.js';
 import './chunk-IU65EQOS.js';
 import './chunk-5BDQNSP3.js';
 import './chunk-WWU2O2SR.js';
-//# sourceMappingURL=blocks-M44L2H7I.js.map
-//# sourceMappingURL=blocks-M44L2H7I.js.map
+//# sourceMappingURL=blocks-UUACLZOU.js.map
+//# sourceMappingURL=blocks-UUACLZOU.js.map

package/dist/{blocks-M44L2H7I.js.map → blocks-UUACLZOU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"blocks-M44L2H7I.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"blocks-UUACLZOU.js"}

package/dist/{chunk-JTET2M65.js → chunk-TH764V3S.js}

@@ -5,14 +5,16 @@ import { SdkPermissionGate, FLUIDGRIDS_PERMISSIONS } from './chunk-UIY2HBWA.js';
 import { NodeEndpointConfigsDocument, NodeManifestDocument, throwIfResultError, UpdateWorkflowDefinitionDocument, CreateWorkflowDefinitionDocument, CreateWorkflowVersionDocument, TriggerWorkflowDocument, describeOperationError, WorkflowRunDocument } from './chunk-IU65EQOS.js';
 import { waitForFluidGridsClient, getFluidGridsClient } from './chunk-5BDQNSP3.js';
 import { config, getFluidGridsConfig } from './chunk-WWU2O2SR.js';
-import { useStore, useReactFlow, getConnectedEdges, Handle, Position, useUpdateNodeInternals, useNodeId } from '@xyflow/react';
 import * as React from 'react';
-import { forwardRef, useState, useImperativeHandle, useRef, useEffect, useMemo, useCallback, memo } from 'react';
-import { nanoid } from 'nanoid/non-secure';
-import { useShallow } from 'zustand/shallow';
+import { memo, forwardRef, useState, useImperativeHandle, useRef, useEffect, useMemo, useCallback } from 'react';
+import { useReactFlow, NodeResizer, getConnectedEdges, useStore, Handle, Position, useUpdateNodeInternals, useNodeId } from '@xyflow/react';
 import { Icon } from '@iconify/react';
+import { nanoid } from 'nanoid';
+import { Markdown } from '@burdenoff/fe-libs/shared/components';
 import { cn } from '@burdenoff/fe-libs/utils';
+import { useShallow } from 'zustand/shallow';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { nanoid as nanoid$1 } from 'nanoid/non-secure';
 import { Textarea, Input, Button, Card, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator, Dialog as Dialog$1, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@burdenoff/fe-libs/ui';
 import * as AdaptiveCards from 'adaptivecards';
 import { formatDistanceToNow } from 'date-fns';
@@ -22,29 +24,6 @@ import { toast } from 'sonner';
 import { useParams, useNavigate } from 'react-router-dom';
 import { InfoCircledIcon } from '@radix-ui/react-icons';
 
-function getNodeDetail(nodeType) {
-  const node = NODES.find((node2) => node2.type === nodeType);
-  if (!node) {
-    return {
-      icon: "mynaui:keyboard-solid",
-      title: nodeType ?? "Unknown",
-      description: "",
-      gradientColor: "gray"
-    };
-  }
-  return node.detail;
-}
-function createNodeData(type, data) {
-  return {
-    id: nanoid(),
-    type,
-    data
-  };
-}
-function createNodeWithDefaultData(type, data) {
-  const defaultData = NODES.find((node) => node.type === type)?.defaultData ?? {};
-  return Object.assign(createNodeData(type, defaultData), data);
-}
 function useDeleteNode() {
   const { getNode, getEdges, deleteElements } = useReactFlow();
   const [deleteNode, deleteEdge] = useFlowStore(
@@ -68,6 +47,284 @@ function useDeleteNode() {
     [deleteElements, getEdges, getNode, deleteNode, deleteEdge]
   );
 }
+
+// src/builder/contants/symbols.ts
+var NODE_TYPE_DRAG_DATA_FORMAT = "application/flow-builder.node-type";
+var NODE_OPERATION_DRAG_DATA_FORMAT = "application/flow-builder.node-operation";
+var STICKY_NOTE_TYPE = "sticky-note";
+var STICKY_COLORS = {
+  yellow: "#F2C94C",
+  orange: "#EB8934",
+  blue: "#3B82F6",
+  green: "#10B981",
+  red: "#EF4444",
+  purple: "#8B5CF6",
+  gray: "#9CA3AF"
+};
+var DEFAULT_STICKY_COLOR = "yellow";
+var STICKY_DEFAULT_SIZE = { width: 260, height: 170 };
+var STICKY_MIN_SIZE = { width: 160, height: 90 };
+function ToolbarButton({
+  title,
+  onClick,
+  danger,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      title,
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick();
+      },
+      className: cn(
+        "nodrag flex size-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        danger && "text-[var(--color-status-error-text)] hover:text-[var(--color-status-error-text)]"
+      ),
+      children
+    }
+  );
+}
+function StickyNoteNodeComponent({
+  id,
+  selected,
+  data
+}) {
+  const { setNodes, getNode } = useReactFlow();
+  const zustandSetNodes = useFlowStore((s) => s.actions.nodes.setNodes);
+  const deleteNode = useDeleteNode();
+  const [editing, setEditing] = useState(false);
+  const [showPalette, setShowPalette] = useState(false);
+  const [draft, setDraft] = useState(String(data.content ?? ""));
+  const textareaRef = useRef(null);
+  const rootRef = useRef(null);
+  useEffect(() => {
+    const wrapper = rootRef.current?.closest(".react-flow__node");
+    if (wrapper && wrapper.style.zIndex !== "-1") {
+      wrapper.style.zIndex = "-1";
+    }
+  });
+  const colorKey = typeof data.color === "string" && STICKY_COLORS[data.color] ? data.color : DEFAULT_STICKY_COLOR;
+  const accent = STICKY_COLORS[colorKey];
+  const patchData = useCallback(
+    (patch) => {
+      setNodes((nds) => {
+        const updated = nds.map(
+          (n) => n.id === id ? { ...n, data: { ...n.data, ...patch } } : n
+        );
+        zustandSetNodes(updated);
+        return updated;
+      });
+    },
+    [id, setNodes, zustandSetNodes]
+  );
+  const startEditing = useCallback(() => {
+    setDraft(String(getNode(id)?.data?.content ?? ""));
+    setEditing(true);
+    setShowPalette(false);
+  }, [getNode, id]);
+  const commitEdit = useCallback(() => {
+    setEditing(false);
+    patchData({ content: draft });
+  }, [draft, patchData]);
+  const cancelEdit = useCallback(() => {
+    setEditing(false);
+    setDraft(String(getNode(id)?.data?.content ?? ""));
+  }, [getNode, id]);
+  useEffect(() => {
+    if (editing) {
+      const el = textareaRef.current;
+      el?.focus();
+      el?.setSelectionRange(el.value.length, el.value.length);
+    }
+  }, [editing]);
+  const duplicate = useCallback(() => {
+    const source = getNode(id);
+    if (!source) return;
+    const clone = {
+      ...source,
+      id: nanoid(),
+      position: {
+        x: source.position.x + 24,
+        y: source.position.y + 24
+      },
+      selected: true,
+      data: { ...source.data }
+    };
+    setNodes((nds) => {
+      const updated = [
+        ...nds.map((n) => n.selected ? { ...n, selected: false } : n),
+        clone
+      ];
+      zustandSetNodes(updated);
+      return updated;
+    });
+  }, [getNode, id, setNodes, zustandSetNodes]);
+  const content = String(data.content ?? "");
+  return (
+    // Outer wrapper is NOT overflow-hidden: the NodeResizer's edge lines and
+    // corner handles sit on the bounds and would be clipped/covered otherwise.
+    /* @__PURE__ */ jsxs("div", { ref: rootRef, className: "group relative h-full w-full", children: [
+      /* @__PURE__ */ jsx(
+        NodeResizer,
+        {
+          isVisible: !!selected,
+          minWidth: STICKY_MIN_SIZE.width,
+          minHeight: STICKY_MIN_SIZE.height,
+          lineStyle: { border: "none", zIndex: 20 },
+          handleStyle: {
+            width: 12,
+            height: 12,
+            backgroundColor: "transparent",
+            border: "none",
+            zIndex: 20
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "absolute right-1 z-30 flex items-center gap-0.5 rounded-lg border border-border bg-card p-0.5 shadow-md transition-all duration-150",
+            selected || showPalette ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0 group-hover:pointer-events-auto group-hover:opacity-100"
+          ),
+          style: { top: -15 },
+          onDoubleClick: (e) => e.stopPropagation(),
+          children: showPalette ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-1 py-0.5", children: Object.entries(STICKY_COLORS).map(([name, hex]) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              title: name,
+              onClick: (e) => {
+                e.stopPropagation();
+                patchData({ color: name });
+                setShowPalette(false);
+              },
+              className: cn(
+                "nodrag size-4 rounded-full border transition-transform hover:scale-125",
+                name === colorKey ? "border-foreground" : "border-transparent"
+              ),
+              style: { backgroundColor: hex }
+            },
+            name
+          )) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(ToolbarButton, { title: "Edit note", onClick: startEditing, children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:edit", className: "size-3.5" }) }),
+            /* @__PURE__ */ jsx(
+              ToolbarButton,
+              {
+                title: "Change color",
+                onClick: () => setShowPalette(true),
+                children: /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "size-3.5 rounded-full",
+                    style: { backgroundColor: accent }
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(ToolbarButton, { title: "Duplicate note", onClick: duplicate, children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:copy", className: "size-3.5" }) }),
+            /* @__PURE__ */ jsx(
+              ToolbarButton,
+              {
+                title: "Delete note",
+                danger: true,
+                onClick: () => deleteNode(id),
+                children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:trash", className: "size-3.5" })
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "flex h-full w-full flex-col overflow-hidden rounded-lg border",
+          style: {
+            backgroundColor: `${accent}1F`,
+            // Same border whether selected or not — selection shows only via the
+            // floating toolbar (no extra border/outline on click).
+            borderColor: `${accent}59`
+          },
+          onDoubleClick: (e) => {
+            e.stopPropagation();
+            startEditing();
+          },
+          children: editing ? /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              ref: textareaRef,
+              value: draft,
+              onChange: (e) => setDraft(e.target.value),
+              onBlur: commitEdit,
+              onKeyDown: (e) => {
+                e.stopPropagation();
+                if (e.key === "Escape") cancelEdit();
+                if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) commitEdit();
+              },
+              placeholder: "# Note\nSupports **markdown** \u2014 headings, lists, links\u2026",
+              className: "nodrag nowheel h-full w-full resize-none bg-transparent p-3 font-mono text-xs leading-relaxed text-foreground outline-none placeholder:text-muted-foreground/60"
+            }
+          ) : content.trim() ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "nowheel h-full w-full overflow-auto p-3 text-xs leading-relaxed text-foreground",
+                // Compact markdown typography scoped to the note body.
+                "[&_h1]:mb-1.5 [&_h1]:text-sm [&_h1]:font-bold",
+                "[&_h2]:mb-1 [&_h2]:text-[13px] [&_h2]:font-bold",
+                "[&_h3]:mb-1 [&_h3]:text-xs [&_h3]:font-semibold",
+                "[&_p]:mb-1.5 [&_ul]:mb-1.5 [&_ul]:list-disc [&_ul]:pl-4",
+                "[&_ol]:mb-1.5 [&_ol]:list-decimal [&_ol]:pl-4 [&_li]:mb-0.5",
+                "[&_a]:underline [&_code]:rounded [&_code]:bg-muted [&_code]:px-1"
+              ),
+              children: /* @__PURE__ */ jsx(Markdown, { children: content })
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center p-3 text-xs text-muted-foreground/70", children: "Double-click to edit" })
+        }
+      )
+    ] })
+  );
+}
+var StickyNoteNode = memo(StickyNoteNodeComponent);
+function buildStickyNode(position) {
+  return {
+    id: nanoid(),
+    type: STICKY_NOTE_TYPE,
+    position,
+    width: STICKY_DEFAULT_SIZE.width,
+    height: STICKY_DEFAULT_SIZE.height,
+    // Render under regular nodes and edges — notes are a background layer.
+    zIndex: -1,
+    selected: true,
+    data: { content: "", color: DEFAULT_STICKY_COLOR }
+  };
+}
+function getNodeDetail(nodeType) {
+  const node = NODES.find((node2) => node2.type === nodeType);
+  if (!node) {
+    return {
+      icon: "mynaui:keyboard-solid",
+      title: nodeType ?? "Unknown",
+      description: "",
+      gradientColor: "gray"
+    };
+  }
+  return node.detail;
+}
+function createNodeData(type, data) {
+  return {
+    id: nanoid$1(),
+    type,
+    data
+  };
+}
+function createNodeWithDefaultData(type, data) {
+  const defaultData = NODES.find((node) => node.type === type)?.defaultData ?? {};
+  return Object.assign(createNodeData(type, defaultData), data);
+}
 var BRAND_ACCENTS = [
   [/gmail|google/, "#ea4335"],
   [/slack/, "#611f69"],
@@ -154,9 +411,9 @@ var NodeCard = React.forwardRef(
               },
               onDoubleClick: (e) => e.stopPropagation(),
               children: [
-                onSettings && /* @__PURE__ */ jsx(ToolbarButton, { title: "Configure", onClick: onSettings, children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:sliders-horizontal", className: "size-4" }) }),
+                onSettings && /* @__PURE__ */ jsx(ToolbarButton2, { title: "Configure", onClick: onSettings, children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:sliders-horizontal", className: "size-4" }) }),
                 onExecute && /* @__PURE__ */ jsx(
-                  ToolbarButton,
+                  ToolbarButton2,
                   {
                     title: "Execute step",
                     onClick: onExecute,
@@ -177,7 +434,7 @@ var NodeCard = React.forwardRef(
                   }
                 ),
                 infoButton,
-                onDelete && /* @__PURE__ */ jsx(ToolbarButton, { title: "Delete", onClick: onDelete, children: /* @__PURE__ */ jsx(
+                onDelete && /* @__PURE__ */ jsx(ToolbarButton2, { title: "Delete", onClick: onDelete, children: /* @__PURE__ */ jsx(
                   Icon,
                   {
                     icon: "mynaui:trash",
@@ -245,7 +502,7 @@ var NodeCard = React.forwardRef(
   }
 );
 NodeCard.displayName = "NodeCard";
-function ToolbarButton({
+function ToolbarButton2({
   title,
   onClick,
   disabled,
@@ -8471,6 +8728,25 @@ function ArrayField({
     description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: description })
   ] });
 }
+
+// src/builder/lib/sticky-notes.ts
+function isStickyNode(node) {
+  return node?.type === STICKY_NOTE_TYPE;
+}
+function partitionStickyNotes(nodes) {
+  return {
+    nodes: nodes.filter((n) => !isStickyNode(n)),
+    stickyNotes: nodes.filter((n) => isStickyNode(n))
+  };
+}
+function mergeStickyNotes(def) {
+  const nodes = Array.isArray(def.nodes) ? def.nodes : [];
+  const stickies = Array.isArray(def.stickyNotes) ? def.stickyNotes : [];
+  const seen = new Set(nodes.map((n) => n.id));
+  return [...nodes, ...stickies.filter((s) => s?.id && !seen.has(s.id))];
+}
+
+// src/builder/hooks/use-save-workflow.ts
 function slimNodeDataToCurrentOperation(data) {
   const nodeData = data.nodeData;
   if (!nodeData) return data;
@@ -8503,16 +8779,18 @@ function useSaveWorkflow() {
       }
       const isDraft = !workflow.status || workflow.status === "DRAFT";
       const client = getFluidGridsClient();
+      const partitioned = partitionStickyNotes(workflow.nodes ?? []);
       const preparedWorkflow = {
         ...workflow,
-        nodes: workflow.nodes?.map((n) => {
+        nodes: partitioned.nodes.map((n) => {
           const slimData = slimNodeDataToCurrentOperation(
             n.data ?? {}
           );
           const { nodeData: _slimNodeData, ...flattenedData } = slimData;
           void _slimNodeData;
           return { ...n, data: slimData, ...flattenedData };
-        })
+        }),
+        stickyNotes: partitioned.stickyNotes
       };
       const definitionJson = {
         key: workflowKey,
@@ -9411,7 +9689,7 @@ function useNodeExecution() {
       } catch (error) {
         console.error("[useNodeExecution] Error triggering workflow:", error);
         const errorMessage = describeOperationError(error);
-        const errorRunId = nanoid();
+        const errorRunId = nanoid$1();
         const errorLog = {
           id: `${errorRunId}-${stopAtNodeId}`,
           runId: errorRunId,
@@ -9495,7 +9773,7 @@ function useNodeExecution() {
       } catch (error) {
         console.error("[useNodeExecution] Error triggering workflow:", error);
         const errorMessage = describeOperationError(error);
-        const errorRunId = nanoid();
+        const errorRunId = nanoid$1();
         const errorLog = {
           id: `${errorRunId}-${triggerNode.id}`,
           runId: errorRunId,
@@ -10334,6 +10612,7 @@ async function refetchStoreNodes() {
     if (fallback?.node) {
       NODE_TYPES["default"] = fallback.node;
     }
+    NODE_TYPES[STICKY_NOTE_TYPE] = StickyNoteNode;
     await initializeNodeConfigs();
     rebuildNodeArrays();
   } catch (error) {
@@ -10418,6 +10697,7 @@ var fallbackDynamic = getNodeMetadata({ type: "__default_dynamic__" });
 if (fallbackDynamic?.node) {
   NODE_TYPES["default"] = fallbackDynamic.node;
 }
+NODE_TYPES[STICKY_NOTE_TYPE] = StickyNoteNode;
 function registerWorkflowNodeTypes(workflowNodes) {
   for (const node of workflowNodes) {
     if (node.type && !NODE_TYPES[node.type]) {
@@ -10436,6 +10716,6 @@ function registerWorkflowNodeTypes(workflowNodes) {
   }
 }
 
-export { AVAILABLE_NODES, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, NODES, NODES_METADATA, NODE_CONFIGS, NODE_TYPES, NodePropertyPanel, ProviderPicker, ensureNodeConfigsLoaded, fetchNodeManifest, getNodeDetail, getNodeMetadata, getProviderForm, isNodeConfigsInitialized, listCustomBlocks, onNodeTypesUpdate, refetchStoreNodes, registerCustomBlock, registerWorkflowNodeTypes, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useInitiateOAuth, useInsertNode, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useSaveWorkflow };
-//# sourceMappingURL=chunk-JTET2M65.js.map
-//# sourceMappingURL=chunk-JTET2M65.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, onNodeTypesUpdate, refetchStoreNodes, registerCustomBlock, registerWorkflowNodeTypes, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useInitiateOAuth, useInsertNode, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useSaveWorkflow };
+//# sourceMappingURL=chunk-TH764V3S.js.map
+//# sourceMappingURL=chunk-TH764V3S.js.map