@burdenoff/fluidgrids-fe-sdk 2026.723.1 → 2026.723.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8430,48 +8430,25 @@ function NodePropertyPanel({
8430
8430
  ] })
8431
8431
  ] });
8432
8432
  }
8433
- var nodeDetails = {
8434
- node_type: "gmail_reader",
8435
- version: "1.0.0",
8436
- kind: ["communication", "email", "gmail"],
8437
- name: "Gmail Operator",
8438
- description: "A node that executes Gmail operations to automate email tasks",
8439
- author: "FluidGrids Team",
8440
- author_email: "support@fluidgrids.ai",
8441
- website: "https://fluidgrids.ai/",
8442
- copyright: "Copyright 2025 Algoshred Technologies Private Limited",
8443
- license: "MIT",
8444
- repository: {
8445
- url: "https://github.com/algoshred/fluidgrids"
8446
- },
8447
- support: {
8448
- email: "support@fluidgrids.ai",
8449
- url: "https://fluidgrids.ai/support",
8450
- docs: "https://docs.fluidgrids.ai/nodes/gmail_reader"
8451
- },
8452
- legal: {
8453
- privacy_policy_url: "https://fluidgrids.ai/privacy-policy",
8454
- terms_url: "https://fluidgrids.ai/terms"
8455
- },
8456
- metadata: {
8457
- favicon: "/assets/logo-color.png",
8458
- // fallback to public asset
8459
- logo: "/assets/logo-color.png",
8460
- // fallback to public asset
8461
- keywords: ["workflow", "node", "gmail", "email", "communication"],
8462
- category: "communication"
8463
- }
8464
- };
8433
+ function InfoRow({ label, value }) {
8434
+ if (!value) return null;
8435
+ return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 text-sm", children: [
8436
+ /* @__PURE__ */ jsx("span", { className: "w-24 shrink-0 font-medium text-muted-foreground", children: label }),
8437
+ /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words text-card-foreground", children: value })
8438
+ ] });
8439
+ }
8465
8440
  function NodeInfoButtonWithModal({
8466
8441
  metadata
8467
8442
  }) {
8443
+ const title = metadata.title || metadata.nodeType || "Node";
8444
+ const accent = nodeAccent(metadata.nodeType || title);
8468
8445
  return /* @__PURE__ */ jsxs(Dialog$1, { children: [
8469
8446
  /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
8470
8447
  Button,
8471
8448
  {
8472
8449
  variant: "ghost",
8473
8450
  size: "icon",
8474
- "aria-label": "Show sponsored info",
8451
+ "aria-label": `Show ${title} node info`,
8475
8452
  className: "w-6 h-6 p-0 flex items-center justify-center border-default bg-surface/60 hover:bg-[var(--color-status-info-bg-subtle)] hover:border-[var(--color-status-info-border)] transition-colors",
8476
8453
  children: /* @__PURE__ */ jsx(InfoCircledIcon, { className: "w-4 h-4 text-[var(--color-status-info-text)]" })
8477
8454
  }
@@ -8479,167 +8456,35 @@ function NodeInfoButtonWithModal({
8479
8456
  /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-xl", children: [
8480
8457
  /* @__PURE__ */ jsxs(DialogHeader, { children: [
8481
8458
  /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
8482
- /* @__PURE__ */ jsx(
8483
- "img",
8459
+ metadata.icon ? /* @__PURE__ */ jsx(
8460
+ "span",
8484
8461
  {
8485
- src: nodeDetails.metadata.logo,
8486
- alt: "logo",
8487
- className: "w-8 h-8 rounded bg-white border border-gray-200"
8462
+ className: "flex size-8 shrink-0 items-center justify-center rounded-lg",
8463
+ style: { color: accent },
8464
+ children: /* @__PURE__ */ jsx(Icon, { icon: metadata.icon, className: "size-6" })
8488
8465
  }
8489
- ),
8490
- nodeDetails.name
8466
+ ) : null,
8467
+ title
8491
8468
  ] }),
8492
- /* @__PURE__ */ jsx(DialogDescription, { children: nodeDetails.description })
8469
+ metadata.description ? /* @__PURE__ */ jsx(DialogDescription, { children: metadata.description }) : null
8493
8470
  ] }),
8494
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
8471
+ /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
8472
+ /* @__PURE__ */ jsx(InfoRow, { label: "Type", value: metadata.nodeType }),
8495
8473
  /* @__PURE__ */ jsx(
8496
- "img",
8474
+ InfoRow,
8497
8475
  {
8498
- src: nodeDetails.metadata.favicon,
8499
- alt: "favicon",
8500
- className: "w-4 h-4 rounded"
8476
+ label: "Version",
8477
+ value: metadata.version ? `v${metadata.version}` : void 0
8501
8478
  }
8502
8479
  ),
8503
- /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
8504
- nodeDetails.node_type,
8505
- " v",
8506
- nodeDetails.version
8507
- ] })
8508
- ] }),
8509
- /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm", children: [
8510
- /* @__PURE__ */ jsxs("div", { children: [
8511
- /* @__PURE__ */ jsx("b", { children: "Kind:" }),
8512
- " ",
8513
- nodeDetails.kind.join(", ")
8514
- ] }),
8515
- /* @__PURE__ */ jsxs("div", { children: [
8516
- /* @__PURE__ */ jsx("b", { children: "Author:" }),
8517
- " ",
8518
- nodeDetails.author,
8519
- " (",
8520
- /* @__PURE__ */ jsx(
8521
- "a",
8522
- {
8523
- href: `mailto:${nodeDetails.author_email}`,
8524
- className: "text-accent underline",
8525
- children: nodeDetails.author_email
8526
- }
8527
- ),
8528
- ")"
8529
- ] }),
8530
- /* @__PURE__ */ jsxs("div", { children: [
8531
- /* @__PURE__ */ jsx("b", { children: "Website:" }),
8532
- " ",
8533
- /* @__PURE__ */ jsx(
8534
- "a",
8535
- {
8536
- href: nodeDetails.website,
8537
- target: "_blank",
8538
- rel: "noopener noreferrer",
8539
- className: "text-accent underline",
8540
- children: nodeDetails.website
8541
- }
8542
- )
8543
- ] }),
8544
- /* @__PURE__ */ jsxs("div", { children: [
8545
- /* @__PURE__ */ jsx("b", { children: "Repository:" }),
8546
- " ",
8547
- /* @__PURE__ */ jsx(
8548
- "a",
8549
- {
8550
- href: nodeDetails.repository.url,
8551
- target: "_blank",
8552
- rel: "noopener noreferrer",
8553
- className: "text-accent underline",
8554
- children: nodeDetails.repository.url
8555
- }
8556
- )
8557
- ] }),
8558
- /* @__PURE__ */ jsxs("div", { children: [
8559
- /* @__PURE__ */ jsx("b", { children: "Support:" }),
8560
- " ",
8561
- /* @__PURE__ */ jsx(
8562
- "a",
8563
- {
8564
- href: `mailto:${nodeDetails.support.email}`,
8565
- className: "text-accent underline",
8566
- children: nodeDetails.support.email
8567
- }
8568
- ),
8569
- " ",
8570
- "|",
8571
- " ",
8572
- /* @__PURE__ */ jsx(
8573
- "a",
8574
- {
8575
- href: nodeDetails.support.url,
8576
- target: "_blank",
8577
- rel: "noopener noreferrer",
8578
- className: "text-accent underline",
8579
- children: "Support Page"
8580
- }
8581
- ),
8582
- " ",
8583
- "|",
8584
- " ",
8585
- /* @__PURE__ */ jsx(
8586
- "a",
8587
- {
8588
- href: nodeDetails.support.docs,
8589
- target: "_blank",
8590
- rel: "noopener noreferrer",
8591
- className: "text-accent underline",
8592
- children: "Docs"
8593
- }
8594
- )
8595
- ] }),
8596
- /* @__PURE__ */ jsxs("div", { children: [
8597
- /* @__PURE__ */ jsx("b", { children: "Legal:" }),
8598
- " ",
8599
- /* @__PURE__ */ jsx(
8600
- "a",
8601
- {
8602
- href: nodeDetails.legal.privacy_policy_url,
8603
- target: "_blank",
8604
- rel: "noopener noreferrer",
8605
- className: "text-accent underline",
8606
- children: "Privacy Policy"
8607
- }
8608
- ),
8609
- " ",
8610
- "|",
8611
- " ",
8612
- /* @__PURE__ */ jsx(
8613
- "a",
8614
- {
8615
- href: nodeDetails.legal.terms_url,
8616
- target: "_blank",
8617
- rel: "noopener noreferrer",
8618
- className: "text-accent underline",
8619
- children: "Terms"
8620
- }
8621
- )
8622
- ] }),
8623
- /* @__PURE__ */ jsxs("div", { children: [
8624
- /* @__PURE__ */ jsx("b", { children: "License:" }),
8625
- " ",
8626
- nodeDetails.license
8627
- ] }),
8628
- /* @__PURE__ */ jsxs("div", { children: [
8629
- /* @__PURE__ */ jsx("b", { children: "Copyright:" }),
8630
- " ",
8631
- nodeDetails.copyright
8632
- ] }),
8633
- /* @__PURE__ */ jsxs("div", { children: [
8634
- /* @__PURE__ */ jsx("b", { children: "Keywords:" }),
8635
- " ",
8636
- nodeDetails.metadata.keywords.join(", ")
8637
- ] }),
8638
- /* @__PURE__ */ jsxs("div", { children: [
8639
- /* @__PURE__ */ jsx("b", { children: "Category:" }),
8640
- " ",
8641
- nodeDetails.metadata.category
8642
- ] })
8480
+ /* @__PURE__ */ jsx(InfoRow, { label: "Operation", value: metadata.operation }),
8481
+ /* @__PURE__ */ jsx(
8482
+ InfoRow,
8483
+ {
8484
+ label: "Kind",
8485
+ value: metadata.kind && metadata.kind.length > 0 ? metadata.kind.join(", ") : void 0
8486
+ }
8487
+ )
8643
8488
  ] })
8644
8489
  ] })
8645
8490
  ] });
@@ -9448,7 +9293,6 @@ var getNodeMetadata = (value) => {
9448
9293
  const meta = useMemo(() => getNodeDetail(nodeType), [nodeType]);
9449
9294
  const { setNodes } = useReactFlow();
9450
9295
  const [
9451
- showNodePropertiesOf,
9452
9296
  isExecuting,
9453
9297
  executingNodeId,
9454
9298
  nodeStatuses,
@@ -9456,7 +9300,6 @@ var getNodeMetadata = (value) => {
9456
9300
  zustandSetNodes
9457
9301
  ] = useFlowStore(
9458
9302
  useShallow((s) => [
9459
- s.actions.sidebar.showNodePropertiesOf,
9460
9303
  s.execution.isExecuting,
9461
9304
  s.execution.executingNodeId,
9462
9305
  s.execution.nodeStatuses,
@@ -9486,9 +9329,6 @@ var getNodeMetadata = (value) => {
9486
9329
  deleteNode(id);
9487
9330
  };
9488
9331
  const openNdv = useFlowStore((s) => s.actions.ndv.open);
9489
- const handleShowNodeProperties = useCallback(() => {
9490
- showNodePropertiesOf({ id, type: value?.type });
9491
- }, [id, showNodePropertiesOf]);
9492
9332
  const handleOpenNdv = useCallback(() => {
9493
9333
  openNdv({ nodeId: id, type: value?.type });
9494
9334
  }, [id, openNdv]);
@@ -9518,6 +9358,15 @@ var getNodeMetadata = (value) => {
9518
9358
  return isAction ? "sendChannelMessage" : "onChannelMessageReceived";
9519
9359
  })() : nodeType === "store/conversation" ? "storeAndForward" : data?.operation_name || "Not configured";
9520
9360
  const nodeDescription = data?.nodeData?.description || meta?.description || "";
9361
+ const nodeInfoMetadata = {
9362
+ icon: meta.icon,
9363
+ title: meta.title,
9364
+ description: nodeDescription,
9365
+ nodeType: value?.type,
9366
+ version: data?.nodeData?.version || data?.version,
9367
+ kind: nodeKinds,
9368
+ operation: data?.operation_name
9369
+ };
9521
9370
  const isLogicNode = /(^|[:/])(if|switch|merge|loop|filter|branch|router|condition|aggregate)/.test(
9522
9371
  (value?.type || "").toLowerCase()
9523
9372
  );
@@ -9556,20 +9405,10 @@ var getNodeMetadata = (value) => {
9556
9405
  outputHandles,
9557
9406
  isConnectable: typeof isConnectable === "boolean" ? isConnectable : void 0,
9558
9407
  onDoubleClick: handleOpenNdv,
9559
- onSettings: handleShowNodeProperties,
9408
+ onSettings: handleOpenNdv,
9560
9409
  onExecute: handleExecuteStep,
9561
9410
  onDelete: handleDeleteNode,
9562
- infoButton: /* @__PURE__ */ jsx(
9563
- NodeInfoButtonWithModal,
9564
- {
9565
- metadata: {
9566
- icon: meta.icon,
9567
- title: meta.title,
9568
- description: nodeDescription,
9569
- gradientColor: meta.gradientColor
9570
- }
9571
- }
9572
- )
9411
+ infoButton: /* @__PURE__ */ jsx(NodeInfoButtonWithModal, { metadata: nodeInfoMetadata })
9573
9412
  }
9574
9413
  ),
9575
9414
  /* @__PURE__ */ jsx(
@@ -9593,20 +9432,10 @@ var getNodeMetadata = (value) => {
9593
9432
  isTrigger,
9594
9433
  accent: roleAccent,
9595
9434
  isExecuting: isThisNodeExecuting,
9596
- onSettings: handleShowNodeProperties,
9435
+ onSettings: handleOpenNdv,
9597
9436
  onExecute: handleExecuteStep,
9598
9437
  onDelete: handleDeleteNode,
9599
- infoButton: /* @__PURE__ */ jsx(
9600
- NodeInfoButtonWithModal,
9601
- {
9602
- metadata: {
9603
- icon: meta.icon,
9604
- title: meta.title,
9605
- description: nodeDescription,
9606
- gradientColor: meta.gradientColor
9607
- }
9608
- }
9609
- ),
9438
+ infoButton: /* @__PURE__ */ jsx(NodeInfoButtonWithModal, { metadata: nodeInfoMetadata }),
9610
9439
  children: [
9611
9440
  /* @__PURE__ */ jsx(
9612
9441
  NodeCardHeader,
@@ -9969,5 +9798,5 @@ function registerWorkflowNodeTypes(workflowNodes) {
9969
9798
  }
9970
9799
 
9971
9800
  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 };
9972
- //# sourceMappingURL=chunk-TT2UP3ZC.js.map
9973
- //# sourceMappingURL=chunk-TT2UP3ZC.js.map
9801
+ //# sourceMappingURL=chunk-VICF7CEB.js.map
9802
+ //# sourceMappingURL=chunk-VICF7CEB.js.map