@burdenoff/fluidgrids-fe-sdk 2026.706.2 → 2026.707.1

package/dist/{WorkflowBuilder-2QAGGCA3.js → WorkflowBuilder-HCFEF5VJ.js}

@@ -1,4 +1,4 @@
-export { WorkflowBuilder } from './chunk-NSK663QW.js';
+export { WorkflowBuilder } from './chunk-VJRIO6JW.js';
 import './chunk-7VEOUEIN.js';
 import './chunk-BQXHJIER.js';
 import './chunk-LUGJJ7LL.js';
@@ -9,5 +9,5 @@ import './chunk-5BDQNSP3.js';
 import './chunk-WWU2O2SR.js';
 import './chunk-XQP33UJR.js';
 import './chunk-Z54K22LP.js';
-//# sourceMappingURL=WorkflowBuilder-2QAGGCA3.js.map
-//# sourceMappingURL=WorkflowBuilder-2QAGGCA3.js.map
+//# sourceMappingURL=WorkflowBuilder-HCFEF5VJ.js.map
+//# sourceMappingURL=WorkflowBuilder-HCFEF5VJ.js.map

package/dist/{WorkflowBuilder-2QAGGCA3.js.map → WorkflowBuilder-HCFEF5VJ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-2QAGGCA3.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-HCFEF5VJ.js"}

package/dist/{chunk-NSK663QW.js → chunk-VJRIO6JW.js}

@@ -7979,12 +7979,14 @@ function useSaveWorkflow() {
           }
         }
       }
+      return true;
     } catch (error) {
       const message = error instanceof Error ? error.message : "Unknown error";
       console.error("Error saving workflow:", message);
       toast.error("Failed to save workflow", {
         description: message
       });
+      return false;
     } finally {
       setIsSaving(false);
     }
@@ -8011,6 +8013,11 @@ function NodePropertyPanel({
   const [filteredJobs, setFilteredJobs] = useState([]);
   const [searchTerm, setSearchTerm] = useState("");
   const [isLoading, setIsLoading] = useState(false);
+  const [dataSinkSaveState, setDataSinkSaveState] = useState("idle");
+  const [dataSinkSaveMessage, setDataSinkSaveMessage] = useState("");
+  const [dataSinkKeyDraft, setDataSinkKeyDraft] = useState("");
+  const dataSinkSaveInFlightRef = useRef(false);
+  const dataSinkSaveNodeIdRef = useRef(null);
   useFlowStore((s) => s.workflow.id);
   const { saveToBackend, isSaving } = useSaveWorkflow();
   const operationsArray = useMemo(() => {
@@ -8098,6 +8105,20 @@ function NodePropertyPanel({
     () => String(type) === "store/bigconsole_datasink" && effectiveCurrentOperation?.name === "postDataToDataSink",
     [effectiveCurrentOperation?.name, type]
   );
+  useEffect(() => {
+    if (!shouldSaveConfigurationToBackend) {
+      setDataSinkKeyDraft("");
+      setDataSinkSaveState("idle");
+      setDataSinkSaveMessage("");
+      return;
+    }
+    setDataSinkKeyDraft(String(data?.args?.state?.dataSinkKey ?? ""));
+    if (dataSinkSaveInFlightRef.current && dataSinkSaveNodeIdRef.current === id) {
+      return;
+    }
+    setDataSinkSaveState("idle");
+    setDataSinkSaveMessage("");
+  }, [data?.args?.state?.dataSinkKey, id, shouldSaveConfigurationToBackend]);
   const connectionAdapters = useMemo(
     () => effectiveCurrentOperation?.connectionAdapters || effectiveCurrentOperation?.credentialAdapters || data?.nodeData?.connectionAdapters || data?.nodeData?.credentialAdapters || [],
     [
@@ -8168,18 +8189,73 @@ function NodePropertyPanel({
       }
       current[keys[keys.length - 1]] = value;
     }
+    if (shouldSaveConfigurationToBackend && (isSaving || dataSinkSaveInFlightRef.current)) {
+      setDataSinkSaveState("saving");
+      setDataSinkSaveMessage("A workflow save is already in progress\u2026");
+      toast.info("A workflow save is already in progress");
+      return;
+    }
+    if (shouldSaveConfigurationToBackend) {
+      const dataSinkKey = String(newState.dataSinkKey ?? "").trim();
+      if (!dataSinkKey) {
+        setDataSinkSaveState("error");
+        setDataSinkSaveMessage("Enter a DataSink Key before saving.");
+        toast.error("Enter a DataSink Key before saving");
+        return;
+      }
+      dataSinkSaveInFlightRef.current = true;
+      dataSinkSaveNodeIdRef.current = id;
+      setDataSinkKeyDraft(dataSinkKey);
+      newState.dataSinkKey = dataSinkKey;
+    }
     updateData({
       args: {
         ...data?.args ?? {},
         state: newState
       }
     });
-    if (shouldSaveConfigurationToBackend && !isSaving) {
+    if (shouldSaveConfigurationToBackend) {
+      const dataSinkKey = String(newState.dataSinkKey ?? "");
+      setDataSinkSaveState("saving");
+      setDataSinkSaveMessage(`Saving DataSink key \u201C${dataSinkKey}\u201D\u2026`);
+      const toastId = toast.loading("Saving DataSink key", {
+        description: dataSinkKey
+      });
       window.setTimeout(() => {
-        void saveToBackend().catch((error) => {
+        void saveToBackend().then((saved) => {
+          if (!saved) {
+            setDataSinkSaveState("error");
+            setDataSinkSaveMessage(
+              "Workflow save failed. The DataSink key was not persisted."
+            );
+            toast.error("Failed to save DataSink key", {
+              id: toastId,
+              description: "Workflow save failed."
+            });
+            return;
+          }
+          setDataSinkSaveState("saved");
+          setDataSinkSaveMessage(
+            `DataSink key \u201C${dataSinkKey}\u201D saved to the workflow.`
+          );
+          toast.success("DataSink key saved", {
+            id: toastId,
+            description: "Workflow configuration was saved successfully."
+          });
+        }).catch((error) => {
+          const message = error instanceof Error ? error.message : "Failed to save DataSink configuration";
+          setDataSinkSaveState("error");
+          setDataSinkSaveMessage(message);
           console.error("Error saving DataSink configuration:", error);
+          toast.error("Failed to save DataSink key", {
+            id: toastId,
+            description: message
+          });
+        }).finally(() => {
+          dataSinkSaveInFlightRef.current = false;
+          dataSinkSaveNodeIdRef.current = null;
         });
-      }, 0);
+      }, 100);
     }
   };
   const resolvedUi = useMemo(
@@ -8256,7 +8332,56 @@ function NodePropertyPanel({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex pt-5 flex-col", children: [
       /* @__PURE__ */ jsx("div", { className: "text-xs text-card-foreground/60 font-semibold", children: "Properties" }),
-      resolvedUi ? /* @__PURE__ */ jsx(
+      shouldSaveConfigurationToBackend ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 pt-2", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold text-card-foreground", children: "Send Data to BigConsole DataSink" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: "Choose the DataSink key. Data is taken automatically from the previous node, and the BigConsole connection is handled automatically." })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-2 text-sm font-medium text-card-foreground", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            "DataSink Key",
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "text-[var(--color-status-error-text)]", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: dataSinkKeyDraft,
+              onChange: (event) => {
+                setDataSinkKeyDraft(event.target.value);
+                if (dataSinkSaveState !== "idle") {
+                  setDataSinkSaveState("idle");
+                  setDataSinkSaveMessage("");
+                }
+              },
+              placeholder: "Target DataSink key (e.g., users_analytics)",
+              className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none transition-colors placeholder:text-muted-foreground focus:border-primary focus:ring-2 focus:ring-primary/20 disabled:opacity-50",
+              disabled: dataSinkSaveState === "saving" || isSaving
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => submittedData({ dataSinkKey: dataSinkKeyDraft }),
+            disabled: dataSinkSaveState === "saving" || isSaving,
+            className: "self-start rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50",
+            children: dataSinkSaveState === "saving" || isSaving ? "Saving\u2026" : "Save Configuration"
+          }
+        ),
+        dataSinkSaveMessage ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: [
+              "rounded-md border px-3 py-2 text-xs",
+              dataSinkSaveState === "saved" ? "border-[var(--color-status-success-border)] bg-[var(--color-status-success-bg-subtle)] text-[var(--color-status-success-text)]" : dataSinkSaveState === "error" ? "border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg-subtle)] text-[var(--color-status-error-text)]" : "border-border bg-muted/30 text-muted-foreground"
+            ].join(" "),
+            children: dataSinkSaveMessage
+          }
+        ) : null
+      ] }) : resolvedUi ? /* @__PURE__ */ jsx(
         BlocksRenderer,
         {
           spec: resolvedUi.spec,
@@ -11806,6 +11931,23 @@ gql$1`
   }
 `;
 
+// src/builder/components/flow-builder/components/store/store-node-availability.ts
+function getStoreNodeType(node, isInstalled) {
+  const manifestNodeType = node.manifest?.nodeType;
+  return manifestNodeType ?? (isInstalled ? `store/${node.slug}` : void 0);
+}
+function getStoreNodeAvailability(node, isInstalled) {
+  const nodeType = getStoreNodeType(node, isInstalled);
+  const isInternalBuiltin = !!nodeType && nodeType.startsWith("internal:");
+  const isRegistryBacked = !!nodeType && AVAILABLE_NODES.some((availableNode) => availableNode.type === nodeType);
+  const isPrebuilt = !isInstalled && (isInternalBuiltin || isRegistryBacked);
+  return {
+    nodeType,
+    isPrebuilt,
+    isDraggable: !!nodeType && (isInstalled || isPrebuilt)
+  };
+}
+
 // 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";
@@ -11814,6 +11956,7 @@ function StoreNodeListItem({
   description,
   icon,
   isInstalled,
+  isPrebuilt,
   hasUpdate,
   nodeType,
   isDraggable,
@@ -11871,6 +12014,26 @@ function StoreNodeListItem({
                   "Installed"
                 ]
               }
+            ),
+            isPrebuilt && !isInstalled && !hasUpdate && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: "shrink-0 inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-semibold",
+                style: {
+                  background: "var(--color-status-info-bgSubtle)",
+                  color: "var(--color-status-info-text)"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "size-1.5 rounded-full inline-block",
+                      style: { background: "var(--color-status-info-bg)" }
+                    }
+                  ),
+                  "Prebuilt"
+                ]
+              }
             )
           ] }),
           description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate mt-0.5 leading-snug", children: description })
@@ -11956,9 +12119,7 @@ function StoreCategoryList({
           const installation = installationsMap.get(node.id);
           const isInstalled = installedAppIds.has(node.id);
           const hasUpdate = isInstalled && !!installation?.installedVersion && !!node.manifestVersion && installation.installedVersion !== node.manifestVersion;
-          const manifestNodeType = node.manifest?.nodeType;
-          const nodeType = manifestNodeType ?? (isInstalled ? `store/${node.slug}` : void 0);
-          const isDraggable = !!nodeType && (isInstalled || AVAILABLE_NODES.some((n) => n.type === nodeType));
+          const { nodeType, isPrebuilt, isDraggable } = getStoreNodeAvailability(node, isInstalled);
           return /* @__PURE__ */ jsx(
             StoreNodeListItem,
             {
@@ -11966,6 +12127,7 @@ function StoreCategoryList({
               description: node.description,
               icon: node.icon,
               isInstalled,
+              isPrebuilt,
               hasUpdate,
               nodeType,
               isDraggable,
@@ -12089,9 +12251,7 @@ function StoreCategoryNodes({
         const installation = installationsMap.get(node.id);
         const isInstalled = installedAppIds.has(node.id);
         const hasUpdate = isInstalled && !!installation?.installedVersion && !!node.manifestVersion && installation.installedVersion !== node.manifestVersion;
-        const manifestNodeType = node.manifest?.nodeType;
-        const nodeType = manifestNodeType ?? (isInstalled ? `store/${node.slug}` : void 0);
-        const isDraggable = !!nodeType && (isInstalled || AVAILABLE_NODES.some((n) => n.type === nodeType));
+        const { nodeType, isPrebuilt, isDraggable } = getStoreNodeAvailability(node, isInstalled);
         return /* @__PURE__ */ jsx(
           StoreNodeListItem,
           {
@@ -12099,6 +12259,7 @@ function StoreCategoryNodes({
             description: node.description,
             icon: node.icon,
             isInstalled,
+            isPrebuilt,
             hasUpdate,
             nodeType,
             isDraggable,
@@ -12326,8 +12487,7 @@ function StoreNodeDetail({ node, onBack }) {
   const context = useContext(FluidGridsContext);
   const workspaceId = context?.workspaceId ?? getFluidGridsConfig().workspaceId;
   const isInstalled = installedAppIds.has(node.id);
-  const manifestNodeType = node.manifest?.nodeType;
-  const nodeType = manifestNodeType ?? (isInstalled ? `store/${node.slug}` : void 0);
+  const { nodeType, isPrebuilt } = getStoreNodeAvailability(node, isInstalled);
   const installation = installationsMap.get(node.id);
   const installedVersion = installation?.installedVersion;
   const installationId = installation?.installationId;
@@ -12335,7 +12495,7 @@ function StoreNodeDetail({ node, onBack }) {
   const hasUpdate = isInstalled && !!installedVersion && !!latestVersion && installedVersion !== latestVersion;
   const isFree = node.pricingModel === "FREE";
   const isPurchased = node.isPurchased === true;
-  const canInstall = isFree || isPurchased;
+  const canInstall = !isPrebuilt && (isFree || isPurchased);
   const isInstalling = installing === node.id;
   const isUpdating = updating === node.id;
   const handleInstall = async () => {
@@ -12485,7 +12645,7 @@ function StoreNodeDetail({ node, onBack }) {
           node.publisher?.isVerified && /* @__PURE__ */ jsx(BadgeCheck, { className: "size-3.5 text-primary" })
         ] })
       ] }),
-      (isInstalled || hasUpdate || node.featured) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 mb-4 flex-wrap", children: [
+      (isInstalled || isPrebuilt || hasUpdate || node.featured) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 mb-4 flex-wrap", children: [
         hasUpdate && /* @__PURE__ */ jsxs(
           "span",
           {
@@ -12522,6 +12682,26 @@ function StoreNodeDetail({ node, onBack }) {
             ]
           }
         ),
+        isPrebuilt && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-semibold",
+            style: {
+              background: "var(--color-status-info-bgSubtle)",
+              color: "var(--color-status-info-text)"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "size-1.5 rounded-full",
+                  style: { background: "var(--color-status-info-bg)" }
+                }
+              ),
+              "Prebuilt"
+            ]
+          }
+        ),
         node.featured && !isInstalled && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-semibold bg-primary/10 text-primary", children: "Featured" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-4 text-xs text-muted-foreground mb-4", children: [
@@ -12544,7 +12724,7 @@ function StoreNodeDetail({ node, onBack }) {
         ] })
       ] }),
       node.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground/80 leading-relaxed mb-4", children: node.description }),
-      isInstalled && /* @__PURE__ */ jsx("div", { className: "mb-4 -mx-3 rounded-lg border border-border/50", children: /* @__PURE__ */ jsx(StoreNodeOperations, { nodeType }) }),
+      (isInstalled || isPrebuilt) && /* @__PURE__ */ jsx("div", { className: "mb-4 -mx-3 rounded-lg border border-border/50", children: /* @__PURE__ */ jsx(StoreNodeOperations, { nodeType }) }),
       node.publisher && /* @__PURE__ */ jsxs("div", { className: "mb-4 p-2.5 rounded-lg bg-muted/50 flex items-center gap-2", children: [
         /* @__PURE__ */ jsx("div", { className: "size-6 rounded bg-muted flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-muted-foreground", children: node.publisher.name.charAt(0) }) }),
         /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground font-medium flex-1 min-w-0 truncate", children: node.publisher.name }),
@@ -12605,6 +12785,16 @@ function StoreNodeDetail({ node, onBack }) {
             "Uninstall"
           ] })
         }
+      ) : isPrebuilt ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "w-full rounded-md px-3 py-2 text-center text-sm font-medium",
+          style: {
+            background: "var(--color-status-info-bgSubtle)",
+            color: "var(--color-status-info-text)"
+          },
+          children: "Prebuilt \u2014 drag operations above onto the canvas"
+        }
       ) : canInstall ? /* @__PURE__ */ jsx(
         Button$1,
         {
@@ -23039,5 +23229,5 @@ function WorkflowBuilder() {
 }
 
 export { Card2 as Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, FlowBuilderPage, FluidGridsProvider, ProviderPicker, TemplateCard, ThemeProvider, WorkflowBuilder, getProviderForm, listCustomBlocks, refetchStoreNodes, registerCustomBlock, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useFluidGridsContext, useImportWorkflowTemplate, useInitiateOAuth, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useWorkflowTemplates };
-//# sourceMappingURL=chunk-NSK663QW.js.map
-//# sourceMappingURL=chunk-NSK663QW.js.map
+//# sourceMappingURL=chunk-VJRIO6JW.js.map
+//# sourceMappingURL=chunk-VJRIO6JW.js.map