@burdenoff/fluidgrids-fe-sdk 2026.1109.9 → 2026.1110.2

package/dist/{chunk-2LERIIZM.js → chunk-7UFE2CHD.js}

@@ -1,28 +1,32 @@
-import { computeAttachPosition, firstInputHandleId } from './chunk-HZ7FQCFU.js';
+import { computeAttachPosition, firstInputHandleId } from './chunk-JNSHR2J2.js';
 import { deepClone, applyTemplateInputs } from './chunk-GEMNVFPK.js';
 import { templatePreview } from './chunk-B6CCE2RW.js';
 import { Input } from './chunk-IEVSFCFS.js';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter as DialogFooter$1 } from './chunk-YXMFRQYV.js';
 import { Badge as Badge$1 } from './chunk-TFCIZFDM.js';
-import { LogsPanel } from './chunk-O2OFNGAF.js';
-import { CreateWorkflowRefusalDialog, WorkflowShareDialog, useWorkflowCodeExport, orderedExportFiles, fileBaseName, downloadWorkflowCodeExport, isLosslessReport, sortFidelityItems, isLossyFidelityItem, lineOfNode } from './chunk-QWDF72GZ.js';
-import { emptyTestCaseDraft, EntityTagPicker, useWorkflowProposal, WorkflowProposalCard, useWorkflowTests, pinnedOutputsFromCanvas, enabledCaseIds, isTestRunOpen, MAX_TEST_CASES, draftFromTestCase, testRunSummaryText, testStatusLabel, TEST_STATUS_TONE_CLASS, testStatusTone, MAX_CASE_NAME, nextSortOrder, draftToInput } from './chunk-MYE6CMGK.js';
-import { buildNodeDisplayMap } from './chunk-DFFQYK2X.js';
+import { LogsPanel, SCHEDULE_NODE_TYPE, TabButton, NodeSettingsPanel, SchedulePanel } from './chunk-3JGAI5YC.js';
+import { NodeInputFields } from './chunk-HORSE7WX.js';
+import { useGlobalStoreClient, ReadOnlyFieldset, NodeParamsForm, NodeExecutionActions } from './chunk-5V7PMLQN.js';
+import { useNodeConfig, nodeSubtitle, nodeTitle } from './chunk-PI4AW4T2.js';
+import { CreateWorkflowRefusalDialog, WorkflowShareDialog, useWorkflowCodeExport, orderedExportFiles, fileBaseName, downloadWorkflowCodeExport, isLosslessReport, sortFidelityItems, isLossyFidelityItem, lineOfNode } from './chunk-QGRVYPQC.js';
+import { emptyTestCaseDraft, EntityTagPicker, useWorkflowProposal, WorkflowProposalCard, useWorkflowTests, pinnedOutputsFromCanvas, enabledCaseIds, isTestRunOpen, MAX_TEST_CASES, draftFromTestCase, testRunSummaryText, testStatusLabel, TEST_STATUS_TONE_CLASS, testStatusTone, MAX_CASE_NAME, nextSortOrder, draftToInput } from './chunk-2H4XAES7.js';
+import { buildNodeDisplayMap } from './chunk-DIIGFBYT.js';
 import { AiCreditBalanceSlot } from './chunk-Y53CVZVV.js';
-import { countLifecycle, VersionLifecycleBar, VersionDiffDialog } from './chunk-B3USL2JQ.js';
-import { useRestoreWorkflowVersion, useWorkflowVersions, useActivateWorkflow, useDeleteWorkflow, useDeactivateWorkflow } from './chunk-ZXLXZFWO.js';
+import { countLifecycle, VersionLifecycleBar, VersionDiffDialog } from './chunk-X7XVRJK2.js';
+import { useRestoreWorkflowVersion, useWorkflowVersions, useActivateWorkflow, useDeleteWorkflow, useDeactivateWorkflow } from './chunk-K22NDWSD.js';
 import { PublishCustomNodeAction } from './chunk-XRGAH6IQ.js';
 import { Button } from './chunk-QJAZXCFQ.js';
 import { useRequestedProposal } from './chunk-GLYINMOR.js';
+import { useConnections, ConnectionFormDialog } from './chunk-ZZBZPBO5.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { leaseCallQueue, RUNS_QUOTA_NAME, BILLING_PLANS_PATH, emitUpgradeClicked, FluidGridsContext, emitWorkflowCreated, emitTemplateUsed, ensureNodeConfigsLoaded, NODE_CONFIGS, useEditLeaseStore, useEditLeaseLocked, registerWorkflowNodeTypes, emitNodeInstalled, useNodeExecution, usePaletteGates, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, refetchStoreNodes, AVAILABLE_NODES, EDIT_SESSION_ID, useInsertNode, useSaveStatusStore, useManualSave, useDurableFunctionNodesEnabled, bannerOf, editStateFor, useSaveWorkflow, filterPaletteNodes, useFluidGridsAnalytics, useGuardedNavigate, sessionBeforeReload, forgetSessionForReload, releasesOnClose, touchesSavedFields, isLocked, watchLeavingLosesChanges, workflowFingerprint, savedEverythingBeforeLeaving, refusalOfQuota, buildStickyNode, NODES_METADATA, shouldReleaseForIdle, tickAction, rememberSessionForReload, leavingLosesChanges, buildOperationSeed, useDurableParityEnabled, useConnections, ConnectionFormDialog, useWorkflowTestsEnabled, useFluidGridsFlag, FLUIDGRIDS_FLAGS, useFlowValidator, saveIndicatorOf, departingSave, inAppLeaveTarget, isNodeConfigsInitialized, phaseAfterAcquire, rememberOwnStatusChange, useRunGuard, saveFailureActionOf, getNodeDetail, NODES, NodePropertyPanel, loadDefinitionJson, canAutosave, isNodeTypeHiddenFromPalette, ConnectionSelector, AUTOSAVE_RETRY_DELAYS_MS, AUTOSAVE_DEBOUNCE_MS, editingLeaseLocked, autosaveAllowedFor, isFlowComplete, rememberRevision, phaseAfterTakeOver } from './chunk-VYXTP6YF.js';
 import { SdkPermissionButton, FLUIDGRIDS_PERMISSIONS, useFluidGridsPermission, SdkPermissionGate } from './chunk-ERT444RG.js';
+import { leaseCallQueue, RUNS_QUOTA_NAME, BILLING_PLANS_PATH, emitUpgradeClicked, FluidGridsContext, emitWorkflowCreated, emitTemplateUsed, ensureNodeConfigsLoaded, NODE_CONFIGS, useEditLeaseStore, useEditLeaseLocked, registerWorkflowNodeTypes, emitNodeInstalled, useNodeExecution, usePaletteGates, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, refetchStoreNodes, AVAILABLE_NODES, EDIT_SESSION_ID, useInsertNode, useSaveStatusStore, useManualSave, useDurableFunctionNodesEnabled, bannerOf, editStateFor, useSaveWorkflow, filterPaletteNodes, useFluidGridsAnalytics, useGuardedNavigate, sessionBeforeReload, forgetSessionForReload, releasesOnClose, touchesSavedFields, isLocked, watchLeavingLosesChanges, workflowFingerprint, savedEverythingBeforeLeaving, refusalOfQuota, buildStickyNode, NODES_METADATA, shouldReleaseForIdle, tickAction, rememberSessionForReload, leavingLosesChanges, buildOperationSeed, useDurableParityEnabled, useWorkflowTestsEnabled, useFluidGridsFlag, FLUIDGRIDS_FLAGS, useFlowValidator, saveIndicatorOf, departingSave, inAppLeaveTarget, isNodeConfigsInitialized, phaseAfterAcquire, rememberOwnStatusChange, useRunGuard, saveFailureActionOf, getNodeDetail, loadDefinitionJson, canAutosave, isNodeTypeHiddenFromPalette, usePhaseCFlags, AUTOSAVE_RETRY_DELAYS_MS, AUTOSAVE_DEBOUNCE_MS, editingLeaseLocked, autosaveAllowedFor, isFlowComplete, rememberRevision, phaseAfterTakeOver } from './chunk-DDINUPO3.js';
 import { BuilderReadOnlyProvider, useBuilderReadOnly } from './chunk-SDZEAIIE.js';
-import { useFlowStore, useIsValidConnection, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, CODE_WORKFLOW_NODE_TYPE, STICKY_NOTE_TYPE, NodeTypeIcon, isImageIcon, synchronizeOperationUpdate, isTriggerOperation, canRenderOperationPanel, resolveOperationName } from './chunk-JXCJRBWD.js';
+import { useFlowStore, useIsValidConnection, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, CODE_WORKFLOW_NODE_TYPE, STICKY_NOTE_TYPE, NodeTypeIcon, isImageIcon, isTriggerOperation, nodeAccent } from './chunk-K2X63CR2.js';
 import { getGlobalStoreClient } from './chunk-TYI2XOSI.js';
 import { GetMyNodeInstallationsDocument, BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, SubmitWorkflowTemplateDocument, MyWorkflowTemplateSubmissionsDocument, WithdrawWorkflowTemplateSubmissionDocument, InstallPurchasedNodeDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument, GetNodeInstallableVersionsDocument, OrganizationPrivateNodesDocument, InstallOrganizationPrivateNodeDocument, UninstallOrganizationPrivateNodeDocument } from './chunk-G77IGC3Y.js';
-import { WorkspaceRunsQuotaDocument, WorkflowGenerationTemplatesDocument, ReleaseWorkflowEditLeaseDocument, NodeSchemaIntrospectionDocument, AcquireWorkflowEditLeaseDocument, WorkflowEnvironmentsDocument, WorkflowPromotionRequestsDocument, DeployWorkflowVersionToDevDocument, RequestWorkflowPromotionDocument, ApproveWorkflowPromotionDocument, RejectWorkflowPromotionDocument, CancelWorkflowPromotionDocument, UpdateWorkflowEnvironmentPolicyDocument, WorkflowGitRepositoryDocument, WorkflowGitPushesDocument, WorkflowGitCommitsDocument, LinkWorkflowGitRepositoryDocument, UnlinkWorkflowGitRepositoryDocument, PushWorkflowToGitDocument, WorkflowGitDiffDocument, RestoreWorkflowFromGitDocument, WorkflowAuthoringDocument, WorkflowEditLeaseDocument, WorkflowVersioningDocument, WorkflowVersionDrainageDocument, ActivateWorkflowVersionCheckedDocument, WorkflowDefinitionDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument, SetWorkflowRolloutDocument, DeleteWorkflowRolloutDocument, TakeOverWorkflowEditLeaseDocument } from './chunk-VAWYR6P4.js';
 import { cn } from './chunk-JL7CASN5.js';
+import { WorkspaceRunsQuotaDocument, WorkflowGenerationTemplatesDocument, ReleaseWorkflowEditLeaseDocument, NodeSchemaIntrospectionDocument, AcquireWorkflowEditLeaseDocument, WorkflowEnvironmentsDocument, WorkflowPromotionRequestsDocument, DeployWorkflowVersionToDevDocument, RequestWorkflowPromotionDocument, ApproveWorkflowPromotionDocument, RejectWorkflowPromotionDocument, CancelWorkflowPromotionDocument, UpdateWorkflowEnvironmentPolicyDocument, WorkflowGitRepositoryDocument, WorkflowGitPushesDocument, WorkflowGitCommitsDocument, LinkWorkflowGitRepositoryDocument, UnlinkWorkflowGitRepositoryDocument, PushWorkflowToGitDocument, WorkflowGitDiffDocument, RestoreWorkflowFromGitDocument, WorkflowAuthoringDocument, WorkflowEditLeaseDocument, WorkflowVersioningDocument, WorkflowVersionDrainageDocument, ActivateWorkflowVersionCheckedDocument, WorkflowDefinitionDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument, SetWorkflowRolloutDocument, DeleteWorkflowRolloutDocument, TakeOverWorkflowEditLeaseDocument } from './chunk-A6Q4FWB6.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { waitForFluidGridsClient, getFluidGridsClient } from './chunk-PDODDDHY.js';
 import { throwIfResultError, describeOperationError, emitFluidGridsEvent } from './chunk-JKLZ6YZ3.js';
@@ -44,7 +48,6 @@ import { useShallow, shallow } from 'zustand/shallow';
 import { produce } from 'immer';
 import { Card as Card$1, Badge, CardContent as CardContent$1, Button as Button$1, Popover, PopoverTrigger, PopoverContent, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, Toaster, Tabs, TabsList, TabsTrigger, TabsContent, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CardDescription as CardDescription$1, ScrollArea, Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, Label, Textarea, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, AlertDialogAction, TooltipProvider, Switch, Input as Input$1, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Tooltip, TooltipTrigger, TooltipContent, Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, DialogFooter, DropdownMenuLabel, DropdownMenuSeparator } from '@burdenoff/fe-libs/ui';
 import { isEmpty } from 'radash';
-import { gql as gql$1 } from '@apollo/client';
 import ReactMarkdown from 'react-markdown';
 import { animate, easeOut } from 'popmotion';
 import { createPortal } from 'react-dom';
@@ -296,21 +299,6 @@ function RunsUsageMeter({
   if (!quota) return null;
   return /* @__PURE__ */ jsx(RunsUsageMeterView, { quota, className, variant });
 }
-function useGlobalStoreClient() {
-  const context = useContext(FluidGridsContext);
-  if (context?.globalClient) {
-    return context.globalClient;
-  }
-  const singletonClient = getGlobalStoreClient();
-  if (singletonClient) {
-    return singletonClient;
-  }
-  throw new Error(
-    "useGlobalStoreClient: No global client available. Either wrap your component tree with <FluidGridsProvider globalClient={...}> or call setGlobalStoreClient(client) before rendering."
-  );
-}
-
-// src/hooks/store/useInstalledNodes.ts
 function useInstalledNodes() {
   const client = useGlobalStoreClient();
   const context = useContext(FluidGridsContext);
@@ -2248,23 +2236,6 @@ function SidebarPanelWrapper({
     }
   );
 }
-function SidebarPanelHeading({
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn$1(
-        "flex items-center text-sm h-10 leading-none px-4 border-b border-t select-none shrink-0 border-card-foreground/10 bg-card/80 text-center text-card-foreground/60 gap-x-2 font-semibold",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-}
 var HeaderWithIcon = ({ icon, title }) => {
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ jsx(Icon, { icon, className: `size-4` }),
@@ -2302,984 +2273,287 @@ function NodeListItem({
     }
   );
 }
-function UnavailableNodePropertyPanel() {
+function IntroductionPropertyPanel() {
+  const tr = useTr();
   return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center p-4 text-center", children: [
-    /* @__PURE__ */ jsx("div", { className: "size-12 flex items-center justify-center rounded-full bg-card", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "size-12 flex items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx(
       Icon,
       {
-        icon: "mynaui:info-triangle",
-        className: "size-6 text-status-warning-text"
+        icon: "mynaui:cog-one",
+        className: "size-6 text-primary-foreground"
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { className: "mt-4 text-balance font-medium", children: "Unavailable Properties" }),
-    /* @__PURE__ */ jsx("div", { className: "mt-1  text-xs text-card-foreground/40 font-medium leading-normal", children: "Either no properties are available for this node or the node is not selected." }),
-    /* @__PURE__ */ jsx("div", { className: "mt-8 w-full text-xs text-card-foreground/40 font-medium italic", children: "Select another node to view its properties." })
+    /* @__PURE__ */ jsx("div", { className: "mt-4 text-balance font-medium", children: tr(
+      "fluidgrids.builder.introductionPropertyPanel.title",
+      "Node Properties"
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-1 w-2.5/3 text-xs text-card/40 font-medium leading-normal", children: tr(
+      "fluidgrids.builder.introductionPropertyPanel.description",
+      "Here you can view and edit the properties of the selected node."
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-8 w-full text-xs text-card/40 font-medium italic", children: tr(
+      "fluidgrids.builder.introductionPropertyPanel.hint",
+      "Select a node from the list on the top to view its properties."
+    ) })
   ] });
 }
-var CHANNEL_SUMMARY_FIELDS = gql$1`
-  fragment ChannelSummaryFields on Channel {
-    id
-    name
-    platform
-    channelType
-    status
-    connectionHealth
-    isConnected
-    description
-    adapterType
-    createdAt
-  }
-`;
-var CHANNEL_DETAIL_FIELDS = gql$1`
-  fragment ChannelDetailFields on Channel {
-    id
-    name
-    platform
-    channelType
-    status
-    connectionHealth
-    isConnected
-    description
-    adapterType
-    messageCount24h
-    config {
-      enableThreading
-      enableReactions
-      enablePresence
-      rateLimitPerMinute
-    }
-    createdAt
-    updatedAt
-  }
-`;
-var GET_CHANNELS = gql$1`
-  ${CHANNEL_SUMMARY_FIELDS}
-  query GetChannels(
-    $filter: ChannelFilterInput
-    $pagination: ChannelPaginationInput
-  ) {
-    getChannels(filter: $filter, pagination: $pagination) {
-      items {
-        ...ChannelSummaryFields
-      }
-      total
-      hasMore
-    }
-  }
-`;
-var GET_CHANNEL = gql$1`
-  ${CHANNEL_DETAIL_FIELDS}
-  query GetChannel($id: ID!) {
-    getChannel(id: $id) {
-      ...ChannelDetailFields
-    }
-  }
-`;
-var PLATFORM_TO_PROVIDER_KEY = {
-  SLACK: "slack",
-  TEAMS: "microsoft-teams",
-  DISCORD: "discord",
-  EMAIL: "email",
-  WHATSAPP: "whatsapp",
-  WEBCHAT: "webchat",
-  WEBHOOK: "webhook",
-  SMS: "sms",
-  PUSH: "push"
-};
-var PLATFORM_ICONS = {
-  SLACK: "mdi:slack",
-  TEAMS: "mdi:microsoft-teams",
-  DISCORD: "mdi:discord",
-  EMAIL: "mdi:email",
-  SMS: "mdi:message-text",
-  PUSH: "mdi:bell-ring",
-  WEBCHAT: "mdi:chat",
-  WEBHOOK: "mdi:webhook",
-  WHATSAPP: "mdi:whatsapp"
-};
-var STATUS_COLORS = {
-  ACTIVE: "text-[var(--color-status-success-text)]",
-  INACTIVE: "text-muted-foreground",
-  ERROR: "text-[var(--color-status-error-text)]",
-  ARCHIVED: "text-muted-foreground",
-  SUSPENDED: "text-[var(--color-status-warning-text)]"
-};
-var HEALTH_COLORS = {
-  HEALTHY: "text-[var(--color-status-success-text)]",
-  DEGRADED: "text-[var(--color-status-warning-text)]",
-  UNHEALTHY: "text-[var(--color-status-error-text)]",
-  UNKNOWN: "text-muted-foreground"
-};
-var HEALTH_ICONS = {
-  HEALTHY: "mdi:check-circle",
-  DEGRADED: "mdi:alert-circle",
-  UNHEALTHY: "mdi:close-circle",
-  UNKNOWN: "mdi:help-circle"
-};
-function useChannels(filter) {
-  const apolloClient = useGlobalStoreClient();
-  const [channels, setChannels] = useState([]);
-  const [total, setTotal] = useState(0);
-  const [hasMore, setHasMore] = useState(false);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const filterKey = JSON.stringify(filter);
-  const fetchData = useCallback(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const parsedFilter = filterKey ? JSON.parse(filterKey) : void 0;
-      const PAGE_SIZE = 100;
-      let offset = 0;
-      let allItems = [];
-      let totalCount = 0;
-      let more = true;
-      while (more) {
-        const result = await apolloClient.query({
-          query: GET_CHANNELS,
-          variables: {
-            filter: parsedFilter,
-            pagination: { limit: PAGE_SIZE, offset }
-          },
-          fetchPolicy: "network-only"
-        });
-        const page = result.data?.getChannels;
-        const pageItems = page?.items ?? [];
-        totalCount = page?.total ?? totalCount;
-        allItems = allItems.concat(pageItems);
-        more = (page?.hasMore ?? false) && pageItems.length === PAGE_SIZE;
-        offset += PAGE_SIZE;
-      }
-      setChannels(allItems);
-      setTotal(totalCount);
-      setHasMore(false);
-    } catch (err) {
-      setError(err);
-    } finally {
-      setLoading(false);
-    }
-  }, [apolloClient, filterKey]);
-  useEffect(() => {
-    fetchData();
-  }, [fetchData]);
-  return {
-    channels,
-    total,
-    hasMore,
-    loading,
-    error,
-    refetch: fetchData
-  };
-}
-function useChannel(channelId) {
-  const apolloClient = useGlobalStoreClient();
-  const [channel, setChannel] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const fetchData = useCallback(
-    async (policy = "cache-first") => {
-      if (!channelId) return void 0;
-      try {
-        return await apolloClient.query({
-          query: GET_CHANNEL,
-          variables: { id: channelId },
-          fetchPolicy: policy
-        });
-      } catch (err) {
-        return err;
-      }
-    },
-    [apolloClient, channelId]
-  );
-  const applyResult = useCallback(
-    (result) => {
-      if (result instanceof Error) {
-        setError(result);
-      } else if (result) {
-        setChannel(result.data?.getChannel ?? null);
-      } else {
-        setChannel(null);
-      }
-      setLoading(false);
-    },
-    []
-  );
-  useEffect(() => {
-    let cancelled = false;
-    setLoading(true);
-    setError(null);
-    fetchData().then((result) => {
-      if (cancelled) return;
-      applyResult(result);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [fetchData, applyResult]);
-  const refetch = useCallback(async () => {
-    setLoading(true);
-    setError(null);
-    const result = await fetchData("network-only");
-    applyResult(result);
-  }, [fetchData, applyResult]);
-  return {
-    channel,
-    loading,
-    error,
-    refetch
-  };
+function SidebarNodeEditor({
+  nodeId,
+  type
+}) {
+  return /* @__PURE__ */ jsx(SidebarNodeEditorInner, { nodeId, type }, nodeId);
 }
-function ChannelSelector({
-  selectedChannelId,
-  onSelect,
-  platformFilter
+function SidebarNodeEditorInner({
+  nodeId,
+  type
 }) {
-  const tr = useTr();
-  const [isOpen, setIsOpen] = useState(false);
-  const { channels, loading, error } = useChannels(
-    platformFilter ? { platform: platformFilter, channelType: "COMMUNICATION" } : { channelType: "COMMUNICATION" }
+  const config = useNodeConfig({ nodeId, type }, { webhookEnabled: true });
+  const { node, nodes } = config;
+  const setSelectedNode = useFlowStore(
+    (s) => s.actions.sidebar.panels.nodeProperties.setSelectedNode
   );
-  const selectedChannel = channels.find((c) => c.id === selectedChannelId);
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-xs text-card-foreground/60 font-semibold", children: tr("fluidgrids.builder.channelSelector.fieldLabel", "Channel") }),
-    /* @__PURE__ */ jsxs(DropdownMenu, { open: isOpen, onOpenChange: setIsOpen, children: [
-      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-        Button$1,
-        {
-          variant: "outline",
-          size: "sm",
-          className: "w-full justify-between",
-          children: [
-            selectedChannel ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 truncate", children: [
-              /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  icon: PLATFORM_ICONS[selectedChannel.platform] || "mdi:antenna",
-                  className: "w-4 h-4 shrink-0"
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedChannel.name }),
-              /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  icon: HEALTH_ICONS[selectedChannel.connectionHealth],
-                  className: `w-3.5 h-3.5 shrink-0 ${HEALTH_COLORS[selectedChannel.connectionHealth]}`
-                }
-              )
-            ] }) : /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-muted-foreground", children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:antenna", className: "w-4 h-4" }),
-              tr(
-                "fluidgrids.builder.channelSelector.selectPlaceholder",
-                "Select channel"
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: "mdi:chevron-down",
-                className: "w-4 h-4 text-muted-foreground shrink-0"
-              }
-            )
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        DropdownMenuContent,
-        {
-          align: "start",
-          className: "w-[260px] max-h-[350px] overflow-y-auto",
-          children: loading ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-center text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: "mdi:loading",
-                className: "w-5 h-5 mx-auto mb-2 animate-spin"
-              }
-            ),
-            /* @__PURE__ */ jsx("p", { children: tr(
-              "fluidgrids.builder.channelSelector.loading",
-              "Loading channels..."
-            ) })
-          ] }) : error ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-center text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: "mdi:alert-circle",
-                className: "w-5 h-5 mx-auto mb-2 text-[var(--color-status-error-text)]"
-              }
-            ),
-            /* @__PURE__ */ jsx("p", { children: tr(
-              "fluidgrids.builder.channelSelector.loadError",
-              "Failed to load channels"
-            ) }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs mt-1", children: error.message })
-          ] }) : channels.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-center text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: "mdi:antenna-off",
-                className: "w-6 h-6 mx-auto mb-2 opacity-50"
-              }
-            ),
-            /* @__PURE__ */ jsx("p", { children: tr(
-              "fluidgrids.builder.channelSelector.emptyTitle",
-              "No channels found"
-            ) }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs mt-1", children: tr(
-              "fluidgrids.builder.channelSelector.emptyHint",
-              "Create one in the Channels settings"
-            ) })
-          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide", children: tr(
-              "fluidgrids.builder.channelSelector.availableChannelsHeading",
-              "Available Channels"
-            ) }),
-            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-            channels.map((channel) => {
-              const isSelected = channel.id === selectedChannelId;
-              return /* @__PURE__ */ jsxs(
-                DropdownMenuItem,
-                {
-                  onClick: () => {
-                    onSelect(channel);
-                    setIsOpen(false);
-                  },
-                  className: `flex items-center justify-between cursor-pointer ${isSelected ? "bg-primary/10" : ""}`,
-                  children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-                      /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          icon: PLATFORM_ICONS[channel.platform] || "mdi:antenna",
-                          className: "w-4 h-4 shrink-0"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
-                        /* @__PURE__ */ jsx("span", { className: "font-medium truncate text-sm", children: channel.name }),
-                        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
-                          /* @__PURE__ */ jsx("span", { className: STATUS_COLORS[channel.status], children: channel.status.toLowerCase() }),
-                          /* @__PURE__ */ jsx("span", { children: "\xB7" }),
-                          /* @__PURE__ */ jsx("span", { children: channel.platform.toLowerCase() })
-                        ] })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
-                      /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          icon: HEALTH_ICONS[channel.connectionHealth],
-                          className: `w-3.5 h-3.5 ${HEALTH_COLORS[channel.connectionHealth]}`
-                        }
-                      ),
-                      isSelected && /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          icon: "mdi:check",
-                          className: "w-4 h-4 text-primary"
-                        }
-                      )
-                    ] })
-                  ]
-                },
-                channel.id
-              );
-            })
-          ] })
-        }
-      )
-    ] })
-  ] });
-}
-function ChannelDetails({ channelId }) {
-  const { channel, loading, error } = useChannel(channelId);
-  if (loading) {
-    return /* @__PURE__ */ jsx("div", { className: "p-3 rounded-md border border-card-foreground/10 bg-card/30", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(Icon, { icon: "mdi:loading", className: "w-4 h-4 animate-spin" }),
-      "Loading channel details..."
-    ] }) });
-  }
-  if (error || !channel) {
-    return /* @__PURE__ */ jsx("div", { className: "p-3 rounded-md border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg-subtle)]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-[var(--color-status-error-text)]", children: [
-      /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert-circle", className: "w-4 h-4" }),
-      error ? error.message : "Channel not found"
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-md border border-card-foreground/10 bg-card/30 space-y-2.5", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-8 h-8 rounded-md bg-primary/10", children: /* @__PURE__ */ jsx(
-        Icon,
-        {
-          icon: PLATFORM_ICONS[channel.platform] || "mdi:antenna",
-          className: "w-5 h-5 text-primary"
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: channel.name }),
-        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-          channel.platform.toLowerCase(),
-          " \xB7",
-          " ",
-          channel.channelType.toLowerCase()
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground uppercase tracking-wide", children: "Status" }),
+  const { schedulePolicies } = usePhaseCFlags();
+  const isSchedule = schedulePolicies && node?.type === SCHEDULE_NODE_TYPE;
+  const [tab, setTab] = useState("parameters");
+  const [showInput, setShowInput] = useState(false);
+  useEffect(() => {
+    if (!nodes.some((n) => n.id === nodeId)) setSelectedNode(null);
+  }, [nodes, nodeId, setSelectedNode]);
+  if (!node) return null;
+  const activeTab = tab === "schedule" && !isSchedule ? "parameters" : tab;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex min-h-0 flex-1 flex-col",
+      "data-testid": "sidebar-node-editor",
+      children: [
         /* @__PURE__ */ jsx(
-          "span",
+          EditorHeader,
           {
-            className: `text-xs font-medium ${STATUS_COLORS[channel.status]}`,
-            children: channel.status.toLowerCase()
+            config,
+            nodeId,
+            type,
+            showInput,
+            onToggleInput: () => setShowInput((v) => !v)
           }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground uppercase tracking-wide", children: "Health" }),
-        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx(
-            Icon,
+        ),
+        /* @__PURE__ */ jsx(
+          EditorTabs,
+          {
+            active: activeTab,
+            onChange: setTab,
+            isSchedule
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-auto", children: [
+          showInput && /* @__PURE__ */ jsx(
+            "div",
             {
-              icon: HEALTH_ICONS[channel.connectionHealth],
-              className: `w-3.5 h-3.5 ${HEALTH_COLORS[channel.connectionHealth]}`
+              className: "m-3 flex max-h-64 flex-col overflow-hidden rounded-lg border border-border bg-card",
+              "data-testid": "sp-input-fields",
+              children: /* @__PURE__ */ jsx(NodeInputFields, { config, testIdPrefix: "sp" })
             }
           ),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: `text-xs font-medium ${HEALTH_COLORS[channel.connectionHealth]}`,
-              children: channel.connectionHealth.toLowerCase()
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 pt-1 border-t border-card-foreground/5", children: [
-      channel.isConnected ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs text-[var(--color-status-success-text)]", children: [
-        /* @__PURE__ */ jsx(Icon, { icon: "mdi:link", className: "w-3.5 h-3.5" }),
-        "Connected"
-      ] }) : /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Icon, { icon: "mdi:link-off", className: "w-3.5 h-3.5" }),
-        "Not connected"
-      ] }),
-      channel.messageCount24h !== void 0 && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(Icon, { icon: "mdi:message-text", className: "w-3.5 h-3.5" }),
-        channel.messageCount24h,
-        " msgs/24h"
-      ] })
-    ] }),
-    channel.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground pt-1 border-t border-card-foreground/5", children: channel.description })
-  ] });
+          /* @__PURE__ */ jsx(EditorBody, { tab: activeTab, config, nodeId })
+        ] }),
+        /* @__PURE__ */ jsx(EditorRunActions, { nodeId })
+      ]
+    }
+  );
 }
-function ChannelAuth({
-  platform,
-  integrationId,
-  onIntegrationIdChange,
-  currentPath,
-  nodeId
+function EditorHeader({
+  config,
+  nodeId,
+  type,
+  showInput,
+  onToggleInput
 }) {
   const tr = useTr();
-  const [localValue, setLocalValue] = useState(integrationId || "");
-  useEffect(() => {
-    setLocalValue(integrationId || "");
-  }, [integrationId]);
-  const providerKey = PLATFORM_TO_PROVIDER_KEY[platform] || platform.toLowerCase();
-  const platformIcon = PLATFORM_ICONS[platform] || "mdi:key";
-  const platformLabel = platform.charAt(0) + platform.slice(1).toLowerCase();
-  const handleAuthClick = () => {
-    const returnTo = currentPath || window.location.pathname;
-    const params = new URLSearchParams({
-      providerKey,
-      returnTo,
-      channelNodeId: nodeId
-    });
-    const integrationsUrl = `/integrations/connections/add?${params.toString()}`;
-    window.open(integrationsUrl, "_blank", "noopener,noreferrer");
-  };
-  const handleInputChange = (e) => {
-    const value = e.target.value;
-    setLocalValue(value);
-    onIntegrationIdChange(value);
-  };
-  const handlePaste = (e) => {
-    setTimeout(() => {
-      const value = e.target.value;
-      setLocalValue(value);
-      onIntegrationIdChange(value);
-    }, 0);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-xs text-card-foreground/60 font-semibold", children: tr("fluidgrids.builder.channelAuth.sectionHeading", "Authentication") }),
-    /* @__PURE__ */ jsxs(
-      Button$1,
-      {
-        variant: "outline",
-        size: "sm",
-        className: "w-full justify-start gap-2",
-        onClick: handleAuthClick,
-        children: [
-          /* @__PURE__ */ jsx(Icon, { icon: platformIcon, className: "w-4 h-4" }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            tr(
-              "fluidgrids.builder.channelAuth.authenticateWithPrefix",
-              "Authenticate with"
-            ),
-            " ",
-            platformLabel
-          ] }),
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              icon: "mdi:open-in-new",
-              className: "w-3.5 h-3.5 ml-auto text-muted-foreground"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx("label", { className: "text-[11px] text-muted-foreground", children: tr(
-        "fluidgrids.builder.channelAuth.integrationIdLabel",
-        "Integration Connection ID"
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+  const openNdv = useFlowStore((s) => s.actions.ndv.open);
+  const meta = getNodeDetail(config.node?.type);
+  const accent = nodeAccent(config.node?.type || meta.title);
+  const subtitle = nodeSubtitle(config.node);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex shrink-0 items-center gap-2.5 border-b border-border px-3 py-2.5",
+      style: { borderTop: `3px solid ${accent}` },
+      children: [
         /* @__PURE__ */ jsx(
-          Input$1,
+          "div",
           {
-            type: "text",
-            placeholder: tr(
-              "fluidgrids.builder.channelAuth.integrationIdPlaceholder",
-              "Paste integration ID here..."
-            ),
-            value: localValue,
-            onChange: handleInputChange,
-            onPaste: handlePaste,
-            className: "text-xs pr-8"
+            className: "flex size-7 shrink-0 items-center justify-center rounded-lg",
+            style: {
+              backgroundColor: `color-mix(in srgb, ${accent} 13%, transparent)`,
+              color: accent,
+              border: `1px solid color-mix(in srgb, ${accent} 26%, transparent)`
+            },
+            children: /* @__PURE__ */ jsx(NodeTypeIcon, { icon: meta.icon, className: "size-4" })
           }
         ),
-        localValue && /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(
-          Icon,
-          {
-            icon: "mdi:check-circle",
-            className: "w-4 h-4 text-[var(--color-status-success-text)]"
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground", children: tr(
-        "fluidgrids.builder.channelAuth.integrationIdHelpText",
-        "Complete the OAuth flow above, then paste the connection ID here."
-      ) })
-    ] })
-  ] });
-}
-var LINK_INTEGRATION_MUTATION = gql$1`
-  mutation LinkIntegrationConnection(
-    $integrationConnectionId: ID!
-    $channelId: ID!
-  ) {
-    linkIntegrationConnection(
-      integrationConnectionId: $integrationConnectionId
-      channelId: $channelId
-    ) {
-      id
-    }
-  }
-`;
-function ChannelNodePropertyPanel({
-  id,
-  type,
-  data,
-  updateData
-}) {
-  const [edges] = useFlowStore(useShallow((s) => [s.workflow.edges]));
-  const autoIsTrigger = !edges.some((e) => e.target === id);
-  const explicitRole = data?.args?.state?.role;
-  const fallbackIsTrigger = explicitRole !== void 0 ? explicitRole === "trigger" : autoIsTrigger;
-  const isTrigger = resolveOperationName(
-    data?.operation_name,
-    fallbackIsTrigger ? "onChannelMessageReceived" : "sendChannelMessage"
-  ) === "onChannelMessageReceived";
-  const [connectLoading, setConnectLoading] = useState(false);
-  const [connectStatus, setConnectStatus] = useState("idle");
-  const [connectError, setConnectError] = useState(null);
-  const globalClient = useGlobalStoreClient();
-  useEffect(() => {
-    if (explicitRole !== void 0) return;
-    const opName = resolveOperationName(
-      data?.operation_name,
-      autoIsTrigger ? "onChannelMessageReceived" : "sendChannelMessage"
-    );
-    if (data?.operation_name !== opName) {
-      updateData({ operation_name: opName });
-    }
-  }, [autoIsTrigger, id, explicitRole, data?.operation_name, updateData]);
-  const channelId = data?.args?.state?.channelId;
-  const integrationId = data?.args?.state?.integrationId;
-  const selectedPlatform = data?.args?.state?.platform;
-  const operationsArray = useMemo(() => {
-    const nodeDataOps = data?.nodeData?.operations;
-    if (nodeDataOps) {
-      const ops = Array.isArray(nodeDataOps) ? nodeDataOps : nodeDataOps.operations;
-      if (ops && ops.length > 0) return ops;
-    }
-    const nodeConfig = NODE_CONFIGS.find((c) => c.type === type);
-    if (nodeConfig?.operations) {
-      return nodeConfig.operations;
-    }
-    return [];
-  }, [data?.nodeData?.operations, type]);
-  const currentOperation = operationsArray.find(
-    (op) => op.name === data?.operation_name
-  );
-  const connectionAdapters = currentOperation?.connectionAdapters || currentOperation?.credentialAdapters || data?.nodeData?.connectionAdapters || data?.nodeData?.credentialAdapters || [];
-  const selectedConnections = useMemo(() => {
-    if (data?.args?.connections && data.args.connections.length > 0) {
-      return data.args.connections.map((conn) => ({
-        connectionId: conn.connectionId,
-        adapter: conn.adapter
-      }));
-    }
-    if (data?.args?.credentials && data.args.credentials.length > 0) {
-      return data.args.credentials.map((cred) => ({
-        connectionId: cred.id,
-        adapter: cred.adapter
-      }));
-    }
-    return [];
-  }, [data?.args?.connections, data?.args?.credentials]);
-  const handleRoleChange = useCallback(
-    (role) => {
-      const opName = role === "trigger" ? "onChannelMessageReceived" : "sendChannelMessage";
-      const currentState = data?.args?.state ?? {};
-      updateData({
-        operation_name: opName,
-        args: {
-          ...data?.args ?? {},
-          state: { ...currentState, role }
-        }
-      });
-    },
-    [data, updateData]
-  );
-  const updateState = useCallback(
-    (updates) => {
-      const currentState = data?.args?.state ?? {};
-      updateData({
-        args: {
-          ...data?.args ?? {},
-          state: { ...currentState, ...updates }
-        }
-      });
-    },
-    [data, updateData]
-  );
-  const handleChannelSelect = useCallback(
-    (channel) => {
-      updateState({
-        channelId: channel.id,
-        platform: channel.platform,
-        channelName: channel.name
-      });
-    },
-    [updateState]
-  );
-  const handleIntegrationIdChange = useCallback(
-    (newIntegrationId) => {
-      updateState({ integrationId: newIntegrationId });
-    },
-    [updateState]
-  );
-  const handleConnectionsChange = useCallback(
-    (connections) => {
-      const currentArgs = data?.args ?? {};
-      const { credentials: _legacy, ...restArgs } = currentArgs;
-      updateData({
-        args: {
-          ...restArgs,
-          connections: connections.map((conn) => ({
-            connectionId: conn.connectionId,
-            adapter: conn.adapter
-          }))
-        }
-      });
-    },
-    [data, updateData]
-  );
-  const handleConnect = useCallback(async () => {
-    if (!channelId || !integrationId) return;
-    setConnectLoading(true);
-    setConnectStatus("idle");
-    setConnectError(null);
-    try {
-      throwIfResultError(
-        await globalClient.mutate({
-          mutation: LINK_INTEGRATION_MUTATION,
-          variables: { integrationConnectionId: integrationId, channelId },
-          refetchQueries: [
-            { query: GET_CHANNEL, variables: { id: channelId } }
-          ],
-          awaitRefetchQueries: true
-        })
-      );
-      setConnectStatus("success");
-      updateState({ integrationId });
-    } catch (err) {
-      setConnectStatus("error");
-      setConnectError(err instanceof Error ? err.message : "Connection failed");
-    } finally {
-      setConnectLoading(false);
-    }
-  }, [channelId, integrationId, globalClient, updateState]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-4", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-xs text-card-foreground/20 self-end", children: id }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-xs text-card-foreground/60 font-semibold", children: "Operation" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-semibold leading-tight text-foreground", children: nodeTitle(config.node) }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-[11px] leading-tight text-muted-foreground", children: subtitle })
+        ] }),
+        /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            onClick: () => handleRoleChange("trigger"),
-            className: [
-              "flex-1 flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs transition-colors",
-              isTrigger ? "border-primary/60 bg-primary/10 text-primary font-semibold" : "border-card-foreground/10 text-card-foreground/40 hover:border-card-foreground/30 hover:text-card-foreground/70"
-            ].join(" "),
-            children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:lightning-bolt", className: "w-3.5 h-3.5 shrink-0" }),
-              "Receive Messages"
-            ]
+            title: showInput ? tr(
+              "fluidgrids.builder.quickConfigPanel.hideInputDataTooltip",
+              "Hide input data"
+            ) : tr(
+              "fluidgrids.builder.quickConfigPanel.mapInputDataTooltip",
+              "Map data from input"
+            ),
+            "aria-label": tr(
+              "fluidgrids.builder.quickConfigPanel.toggleMapperAriaLabel",
+              "Toggle input mapper"
+            ),
+            "aria-pressed": showInput,
+            onClick: onToggleInput,
+            className: cn$1(
+              "rounded-md p-1.5 transition-colors hover:bg-muted hover:text-foreground",
+              showInput ? "text-primary" : "text-muted-foreground"
+            ),
+            "data-testid": "sp-toggle-mapper",
+            children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:tray-arrow-down", className: "size-4" })
           }
         ),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            onClick: () => handleRoleChange("action"),
-            className: [
-              "flex-1 flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs transition-colors",
-              !isTrigger ? "border-primary/60 bg-primary/10 text-primary font-semibold" : "border-card-foreground/10 text-card-foreground/40 hover:border-card-foreground/30 hover:text-card-foreground/70"
-            ].join(" "),
-            children: [
-              /* @__PURE__ */ jsx(Icon, { icon: "mdi:send", className: "w-3.5 h-3.5 shrink-0" }),
-              "Send Message"
-            ]
+            title: tr(
+              "fluidgrids.builder.quickConfigPanel.openFullEditorTooltip",
+              "Open full editor"
+            ),
+            "aria-label": tr(
+              "fluidgrids.builder.quickConfigPanel.openFullEditorAriaLabel",
+              "Open full editor"
+            ),
+            onClick: () => openNdv({ nodeId, type }),
+            className: "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+            "data-testid": "sp-expand",
+            children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-expand", className: "size-4" })
           }
         )
-      ] }),
-      explicitRole === void 0 && !data?.operation_name && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-card-foreground/30", children: "Auto-detected from graph position. Click to override." })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "h-px bg-card-foreground/10" }),
+      ]
+    }
+  );
+}
+function EditorTabs({
+  active,
+  onChange,
+  isSchedule
+}) {
+  const tr = useTr();
+  return /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-4 border-b border-border px-3", children: [
     /* @__PURE__ */ jsx(
-      ChannelSelector,
+      TabButton,
       {
-        selectedChannelId: channelId,
-        onSelect: handleChannelSelect
+        active: active === "parameters",
+        onClick: () => onChange("parameters"),
+        testId: "sp-tab-parameters",
+        children: tr("fluidgrids.builder.nodeDetailView.tabParameters", "Parameters")
       }
     ),
-    channelId && /* @__PURE__ */ jsx(ChannelDetails, { channelId }),
-    channelId && /* @__PURE__ */ jsx("div", { className: "h-px bg-card-foreground/10" }),
-    channelId && selectedPlatform && /* @__PURE__ */ jsx(
-      ChannelAuth,
+    isSchedule && /* @__PURE__ */ jsx(
+      TabButton,
       {
-        platform: selectedPlatform,
-        integrationId,
-        onIntegrationIdChange: handleIntegrationIdChange,
-        nodeId: id
+        active: active === "schedule",
+        onClick: () => onChange("schedule"),
+        testId: "sp-tab-schedule",
+        children: tr("fluidgrids.builder.nodeDetailView.tabSchedule", "Schedule")
       }
     ),
-    channelId && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "h-px bg-card-foreground/10" }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs(
-          Button$1,
-          {
-            variant: "default",
-            size: "sm",
-            className: "w-full gap-2",
-            onClick: handleConnect,
-            disabled: connectLoading || !integrationId,
-            title: !integrationId ? "Paste an Integration Connection ID first" : void 0,
-            children: [
-              connectLoading ? /* @__PURE__ */ jsx(Icon, { icon: "mdi:loading", className: "w-4 h-4 animate-spin" }) : connectStatus === "success" ? /* @__PURE__ */ jsx(Icon, { icon: "mdi:check-circle", className: "w-4 h-4" }) : /* @__PURE__ */ jsx(Icon, { icon: "mdi:link-variant", className: "w-4 h-4" }),
-              /* @__PURE__ */ jsx("span", { children: connectLoading ? "Connecting\u2026" : connectStatus === "success" ? "Connected!" : "Connect" })
-            ]
-          }
-        ),
-        connectStatus === "error" && connectError && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-destructive", children: connectError }),
-        connectStatus === "success" && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-[var(--color-status-success-text)]", children: "Channel linked \u2014 welcome message sent." })
-      ] })
-    ] }),
-    !isTrigger && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "h-px bg-card-foreground/10" }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-card-foreground/60 font-semibold", children: "Message Text" }),
-        /* @__PURE__ */ jsx(
-          "textarea",
-          {
-            className: "w-full text-xs px-3 py-2 rounded-md border border-card-foreground/10 bg-transparent text-card-foreground/70 placeholder:text-card-foreground/30 resize-none focus:outline-none focus:border-primary/50",
-            rows: 3,
-            placeholder: "e.g. ${prev.response}",
-            value: data?.args?.state?.messageText ?? "",
-            onChange: (e) => updateState({ messageText: e.target.value })
-          }
-        )
-      ] })
-    ] }),
-    connectionAdapters.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "h-px bg-card-foreground/10" }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-card-foreground/60 font-semibold", children: "Connections" }),
-        /* @__PURE__ */ jsx(
-          ConnectionSelector,
-          {
-            adapters: connectionAdapters,
-            selectedConnections,
-            onChange: handleConnectionsChange,
-            compact: true
-          }
-        )
-      ] })
-    ] })
+    /* @__PURE__ */ jsx(
+      TabButton,
+      {
+        active: active === "settings",
+        onClick: () => onChange("settings"),
+        testId: "sp-tab-settings",
+        children: tr("fluidgrids.builder.nodeDetailView.tabSettings", "Settings")
+      }
+    )
   ] });
 }
-function ConversationNodePropertyPanel({
-  id,
-  data,
-  updateData
+function EditorBody({
+  tab,
+  config,
+  nodeId
 }) {
-  useEffect(() => {
-    const operationName = resolveOperationName(
-      data?.operation_name,
-      "storeAndForward"
-    );
-    if (data?.operation_name !== operationName) {
-      updateData({ operation_name: operationName });
-    }
-  }, [data?.operation_name, id, updateData]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-4", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-xs text-card-foreground/20 self-end", children: id }),
-    /* @__PURE__ */ jsx("div", { className: "text-xs text-card-foreground/60 font-semibold", children: "Store & Forward" }),
-    /* @__PURE__ */ jsx("div", { className: "h-px bg-card-foreground/10" }),
-    /* @__PURE__ */ jsx("p", { className: "text-xs text-card-foreground/50 leading-relaxed", children: "Stores incoming messages and passes the stored record to the next node. All input comes automatically from the previous node \u2014 no configuration required." })
-  ] });
-}
-var CUSTOM_DYNAMIC_PANELS = {
-  "integration/channel": {
-    component: ChannelNodePropertyPanel,
-    operations: ["onChannelMessageReceived", "sendChannelMessage"]
-  },
-  channel_node: {
-    component: ChannelNodePropertyPanel,
-    operations: ["onChannelMessageReceived", "sendChannelMessage"]
-  },
-  "store/conversation": {
-    component: ConversationNodePropertyPanel,
-    operations: ["storeAndForward"]
+  if (tab === "schedule") {
+    return /* @__PURE__ */ jsx(EditorSchedule, { config, nodeId });
   }
-};
-function getCustomPanel(type, operationName) {
-  const panel = CUSTOM_DYNAMIC_PANELS[type] ?? Object.entries(CUSTOM_DYNAMIC_PANELS).find(
-    ([pattern]) => type.includes(pattern)
-  )?.[1];
-  return panel && canRenderOperationPanel(operationName, panel.operations) ? panel.component : null;
-}
-function NodePropertyPanel2({ id, type, data }) {
-  const [nodesLoaded, setNodesLoaded] = useState(isNodeConfigsInitialized());
-  useEffect(() => {
-    if (!nodesLoaded) {
-      ensureNodeConfigsLoaded().then(() => {
-        setNodesLoaded(true);
-      });
-    }
-  }, [nodesLoaded]);
-  const nodeConfig = NODES.find((n) => n.type === type);
-  const PanelComponent = nodeConfig?.propertyPanel;
-  const { setNodes } = useReactFlow();
-  const zustandSetNodes = useFlowStore((s) => s.actions.nodes.setNodes);
-  const nodeData = produce(data, () => {
-  });
-  const updateData = useCallback(
-    (newData) => {
-      setNodes((nds) => {
-        const updatedNodes = produce(nds, (draft) => {
-          const node = draft.find((n) => n.id === id);
-          if (node) {
-            node.data = {
-              ...node.data,
-              ...synchronizeOperationUpdate(
-                node.data,
-                newData,
-                NODE_CONFIGS.find((config) => config.type === type)?.operations
-              )
-            };
-          }
-        });
-        zustandSetNodes(updatedNodes);
-        return updatedNodes;
-      });
-    },
-    [id, type, setNodes, zustandSetNodes]
-  );
-  const CustomPanel = getCustomPanel(type, nodeData?.operation_name);
-  if (CustomPanel && nodeData) {
-    return /* @__PURE__ */ jsx(
-      CustomPanel,
-      {
-        id,
-        type,
-        data: nodeData,
-        updateData
-      }
-    );
+  if (tab === "settings") {
+    return /* @__PURE__ */ jsx("div", { className: "p-3", "data-testid": "sp-settings", children: /* @__PURE__ */ jsx(ReadOnlyFieldset, { children: /* @__PURE__ */ jsx(NodeSettingsPanel, { config }) }) });
   }
-  if (!PanelComponent) {
-    if (nodeData && data?.nodeData) {
-      return /* @__PURE__ */ jsx(
-        NodePropertyPanel,
-        {
-          id,
-          type,
-          data: nodeData,
-          updateData
-        }
-      );
+  return /* @__PURE__ */ jsx("div", { className: "space-y-4 p-3", "data-testid": "sp-params", children: /* @__PURE__ */ jsx(ReadOnlyFieldset, { className: "space-y-4", children: /* @__PURE__ */ jsx(
+    NodeParamsForm,
+    {
+      config,
+      nodeType: config.node?.type,
+      testIdPrefix: "sp"
     }
-    return /* @__PURE__ */ jsx(UnavailableNodePropertyPanel, {});
-  }
-  return nodeData ? /* @__PURE__ */ jsx(
-    PanelComponent,
+  ) }) });
+}
+function EditorSchedule({
+  config,
+  nodeId
+}) {
+  const workflowKey = useFlowStore((s) => s.workflow.workflowKey);
+  const workflowDbId = useFlowStore((s) => s.workflow.dbId);
+  const { allowed: canExecute } = useFluidGridsPermission(
+    FLUIDGRIDS_PERMISSIONS.WORKFLOW_RUN_EXECUTE
+  );
+  const { allowed: canUpdate } = useFluidGridsPermission(
+    FLUIDGRIDS_PERMISSIONS.WORKFLOW_UPDATE
+  );
+  return /* @__PURE__ */ jsx("div", { "data-testid": "sp-schedule", children: /* @__PURE__ */ jsx(
+    SchedulePanel,
     {
-      id,
-      type,
-      data: nodeData,
-      updateData
+      state: config.argsState,
+      writeField: config.writeFixed,
+      workflowKey: workflowDbId && workflowKey ? workflowKey : null,
+      triggerNodeId: nodeId,
+      canExecute,
+      canUpdate
     }
-  ) : /* @__PURE__ */ jsx(UnavailableNodePropertyPanel, {});
+  ) });
 }
-function IntroductionPropertyPanel() {
-  const tr = useTr();
-  return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center p-4 text-center", children: [
-    /* @__PURE__ */ jsx("div", { className: "size-12 flex items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx(
-      Icon,
-      {
-        icon: "mynaui:cog-one",
-        className: "size-6 text-primary-foreground"
-      }
-    ) }),
-    /* @__PURE__ */ jsx("div", { className: "mt-4 text-balance font-medium", children: tr(
-      "fluidgrids.builder.introductionPropertyPanel.title",
-      "Node Properties"
-    ) }),
-    /* @__PURE__ */ jsx("div", { className: "mt-1 w-2.5/3 text-xs text-card/40 font-medium leading-normal", children: tr(
-      "fluidgrids.builder.introductionPropertyPanel.description",
-      "Here you can view and edit the properties of the selected node."
-    ) }),
-    /* @__PURE__ */ jsx("div", { className: "mt-8 w-full text-xs text-card/40 font-medium italic", children: tr(
-      "fluidgrids.builder.introductionPropertyPanel.hint",
-      "Select a node from the list on the top to view its properties."
-    ) })
-  ] });
+function EditorRunActions({ nodeId }) {
+  const nodes = useFlowStore((s) => s.workflow.nodes);
+  const edges = useFlowStore((s) => s.workflow.edges);
+  const workflowKey = useFlowStore((s) => s.workflow.workflowKey);
+  const workflowId = useFlowStore((s) => s.workflow.id);
+  const workflowVersion = useFlowStore((s) => s.workflow.version);
+  const logs = useFlowStore((s) => s.execution.logs);
+  const sourceRun = useFlowStore((s) => s.execution.sourceRun);
+  const isExecuting = useFlowStore((s) => s.execution.isExecuting);
+  const { executeStep, executeFromNode } = useNodeExecution();
+  return /* @__PURE__ */ jsx(
+    NodeExecutionActions,
+    {
+      targetNodeId: nodeId,
+      nodes,
+      edges,
+      logs,
+      workflowKey: workflowKey || workflowId,
+      workflowVersion: workflowVersion || "1.0.0",
+      sourceRun,
+      isExecuting,
+      onExecuteStep: async (targetId) => {
+        await executeStep(targetId);
+      },
+      onContinueFromNode: async (sourceRunId, targetId) => {
+        await executeFromNode(sourceRunId, targetId);
+      },
+      testIdPrefix: "sp"
+    }
+  );
 }
+var NODE_PANEL_WIDTH = 384;
 function NodePropertiesPanel() {
   const tr = useTr();
   const selectedNode = useFlowStore(
@@ -3291,6 +2565,7 @@ function NodePropertiesPanel() {
   const nodes = useNodes();
   const nodeList = useNodeList(nodes);
   const { setNodes } = useReactFlow();
+  const [listOpen, setListOpen] = useState(!selectedNode);
   const onNodeClick = (id) => {
     setNodes(
       (nds) => produce(nds, (draft) => {
@@ -3304,57 +2579,64 @@ function NodePropertiesPanel() {
       type: nodeList.find((n) => n.id === id)?.type
     });
   };
-  const selectedNodeData = useMemo(() => {
-    const data = nodes.find((n) => n.id === selectedNode?.id)?.data;
-    return data;
-  }, [nodes, selectedNode?.id]);
-  return /* @__PURE__ */ jsxs(SidebarPanelWrapper, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "h-80 w-80 flex flex-col", children: [
-      /* @__PURE__ */ jsx(SidebarPanelHeading, { className: "shrink-0", children: /* @__PURE__ */ jsx(
-        HeaderWithIcon,
-        {
-          icon: "mynaui:layers-three",
-          title: tr(
-            "fluidgrids.builder.nodePropertiesPanel.nodesInFlowHeading",
-            "Nodes in Flow"
-          )
-        }
-      ) }),
-      /* @__PURE__ */ jsx("div", { className: "flex w-full  flex-col gap-1 p-1.5 overflow-y-auto", children: nodeList.map((node) => /* @__PURE__ */ jsx(
-        NodeListItem,
-        {
-          id: node.id,
-          title: node.detail.title,
-          icon: node.detail.icon,
-          selected: selectedNode?.id === node.id,
-          pseudoSelected: !!node.selected,
-          onClick: () => {
-            onNodeClick(node.id);
-          }
-        },
-        node.id
-      )) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "w-80 max-h-[360px] 2xl:max-h-[594px] flex flex-col", children: [
-      /* @__PURE__ */ jsx(SidebarPanelHeading, { className: "shrink-0", children: /* @__PURE__ */ jsx(
-        HeaderWithIcon,
+  return /* @__PURE__ */ jsxs(SidebarPanelWrapper, { style: { width: NODE_PANEL_WIDTH, maxWidth: "100%" }, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col border-b border-card-foreground/10", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
         {
-          icon: "mynaui:cog",
-          title: tr(
-            "fluidgrids.builder.nodePropertiesPanel.nodePropertiesHeading",
-            "Node Properties"
-          )
+          type: "button",
+          onClick: () => setListOpen((open) => !open),
+          "aria-expanded": listOpen,
+          className: "flex h-10 w-full shrink-0 items-center gap-x-2 bg-card/80 px-4 text-sm font-semibold text-card-foreground/60 select-none hover:text-card-foreground",
+          "data-testid": "sp-node-list-toggle",
+          children: [
+            /* @__PURE__ */ jsx(
+              HeaderWithIcon,
+              {
+                icon: "mynaui:layers-three",
+                title: tr(
+                  "fluidgrids.builder.nodePropertiesPanel.nodesInFlowHeading",
+                  "Nodes in Flow"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs font-medium tabular-nums", children: nodeList.length }),
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: "mdi:chevron-down",
+                className: cn$1(
+                  "size-4 shrink-0 transition-transform",
+                  listOpen && "rotate-180"
+                )
+              }
+            )
+          ]
         }
-      ) }),
-      /* @__PURE__ */ jsx("div", { className: "flex w-full  flex-col  overflow-y-auto", children: selectedNode ? /* @__PURE__ */ jsx(
-        NodePropertyPanel2,
+      ),
+      listOpen && /* @__PURE__ */ jsx(
+        "div",
         {
-          id: selectedNode.id,
-          type: selectedNode.type,
-          data: selectedNodeData
+          className: "flex max-h-56 w-full flex-col gap-1 overflow-y-auto p-1.5",
+          "data-testid": "sp-node-list",
+          children: nodeList.map((node) => /* @__PURE__ */ jsx(
+            NodeListItem,
+            {
+              id: node.id,
+              title: node.detail.title,
+              icon: node.detail.icon,
+              selected: selectedNode?.id === node.id,
+              pseudoSelected: !!node.selected,
+              onClick: () => {
+                onNodeClick(node.id);
+              }
+            },
+            node.id
+          ))
         }
-      ) : /* @__PURE__ */ jsx(IntroductionPropertyPanel, {}) })
-    ] })
+      )
+    ] }),
+    selectedNode ? /* @__PURE__ */ jsx(SidebarNodeEditor, { nodeId: selectedNode.id, type: selectedNode.type }) : /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto", children: /* @__PURE__ */ jsx(IntroductionPropertyPanel, {}) })
   ] });
 }
 
@@ -5615,8 +4897,8 @@ function DesktopSidebarFragment({
         }
         const { getFluidGridsClient: getFluidGridsClient2 } = await import('./client-62VHXHKN.js');
         const { getFluidGridsConfig: getFluidGridsConfig2 } = await import('./config-66FUPSG5.js');
-        const { gql: gql5 } = await import('@apollo/client/core');
-        const IMPORT_MUTATION = gql5`
+        const { gql: gql3 } = await import('@apollo/client/core');
+        const IMPORT_MUTATION = gql3`
           mutation ImportWorkflowTemplate(
             $input: ImportWorkflowTemplateInput!
           ) {
@@ -5772,8 +5054,8 @@ function DesktopSidebarFragment({
           { id: "template-load" }
         );
         const { getGlobalStoreClient: getGlobalStoreClient2 } = await import('./global-client-PJ5LANJA.js');
-        const { gql: gql5 } = await import('@apollo/client/core');
-        const GET_TEMPLATE_DETAIL = gql5`
+        const { gql: gql3 } = await import('@apollo/client/core');
+        const GET_TEMPLATE_DETAIL = gql3`
           query GetWorkflowTemplateDetail($id: ID!) {
             product(id: $id) {
               id
@@ -5925,7 +5207,7 @@ function DesktopSidebarFragment({
     },
     [configTemplate, configContent, configNodeCheck, performImport]
   );
-  return /* @__PURE__ */ jsxs("div", { className: "relative w-fit flex shrink-0 divide-x divide-card-foreground/10 rounded-xl border border-card-foreground/10 md:overflow-hidden md:max-w-sm", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "relative w-fit flex shrink-0 divide-x divide-card-foreground/10 rounded-xl border border-card-foreground/10 md:overflow-hidden md:max-w-md", children: [
     activePanel !== "none" && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-full z-20 w-[78vw] overflow-hidden rounded-l-xl border-y border-l border-card-foreground/10 bg-card md:static md:z-auto md:w-auto md:grow md:min-w-xs md:rounded-none md:border-0", children: /* @__PURE__ */ jsx(SwitchSidebarPanel, { active: activePanel }) }),
     /* @__PURE__ */ jsx("div", { className: "shrink-0 bg-card p-1.5", children: /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col gap-2", children: [
       /* @__PURE__ */ jsx(
@@ -21244,12 +20526,12 @@ function EditLeaseBanner() {
   );
 }
 var LazyNodeDetailView = lazy(
-  () => import('./node-detail-view-ZFGS3FWU.js').then((m) => ({
+  () => import('./node-detail-view-2AFXRNX6.js').then((m) => ({
     default: m.NodeDetailView
   }))
 );
 var LazyQuickConfigPanel = lazy(
-  () => import('./quick-config-panel-ZDGYZR7Y.js').then((m) => ({
+  () => import('./quick-config-panel-U4AELSCT.js').then((m) => ({
     default: m.QuickConfigPanel
   }))
 );
@@ -21311,7 +20593,7 @@ var FlowBuilder = ({ readOnly = false }) => {
   );
   useEffect(() => {
     let cancelled = false;
-    void import('./agentTools-5O2KPQYJ.js').then(({ createBuilderAgentTools }) => {
+    void import('./agentTools-V26FOMTS.js').then(({ createBuilderAgentTools }) => {
       if (cancelled) return;
       setAgentTools(
         createBuilderAgentTools({