@burdenoff/fluidgrids-fe-sdk 2026.724.2 → 2026.728.1

package/dist/{chunk-OH5XGSAO.js → chunk-U2OJNTKM.js}

@@ -1,6 +1,6 @@
 import { Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, Input as Input$1, DialogFooter } from './chunk-MRVS73S2.js';
 import { Badge as Badge$1, Button } from './chunk-DBOMRIP5.js';
-import { refetchStoreNodes, registerWorkflowNodeTypes, ensureNodeConfigsLoaded, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, AVAILABLE_NODES, useInsertNode, useSaveWorkflow, useNodeExecution, getNodeDetail, ConnectionSelector, NODES_METADATA, NODE_CONFIGS, isNodeConfigsInitialized, NODES, NodePropertyPanel } from './chunk-EVKWBOYH.js';
+import { refetchStoreNodes, registerWorkflowNodeTypes, ensureNodeConfigsLoaded, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, AVAILABLE_NODES, useInsertNode, useSaveWorkflow, useNodeExecution, getNodeDetail, ConnectionSelector, NODES_METADATA, NODE_CONFIGS, isNodeConfigsInitialized, NODES, NodePropertyPanel } from './chunk-LNY6ATSV.js';
 import { createGlobalStoreClient, setGlobalStoreClient, resetGlobalStoreClient, getGlobalStoreClient } from './chunk-BQXHJIER.js';
 import { BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, GetMyNodeInstallationsDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument } from './chunk-PNOA7CQV.js';
 import { useLazyWorkflowDefinition, useCreateWorkflow, useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeactivateWorkflow } from './chunk-47457KC3.js';
@@ -35,6 +35,9 @@ import '@xyflow/react/dist/style.css';
 import { buildSchema, GraphQLObjectType, GraphQLInputObjectType, GraphQLEnumType, GraphQLInterfaceType, GraphQLUnionType, GraphQLNonNull, GraphQLList } from 'graphql';
 import { create } from 'zustand';
 import { nanoid } from 'nanoid/non-secure';
+import CodeMirror from '@uiw/react-codemirror';
+import { javascript } from '@codemirror/lang-javascript';
+import { python } from '@codemirror/lang-python';
 import { ErrorBoundary } from '@burdenoff/fe-libs/shared/components';
 
 function useNodeList(nodes) {
@@ -2313,14 +2316,7 @@ function StoreNodeListItem({
       className: "w-full flex items-center gap-3 px-2 py-2.5 rounded-md hover:bg-muted/60 transition-colors text-left group",
       style: isDraggable ? { cursor: "grab" } : void 0,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "relative size-9 shrink-0 rounded-lg bg-muted flex items-center justify-center overflow-hidden", children: icon ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: icon,
-            alt: name,
-            className: "w-full h-full object-cover"
-          }
-        ) : /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-muted-foreground", children: name.charAt(0).toUpperCase() }) }),
+        /* @__PURE__ */ jsx("div", { className: "relative size-9 shrink-0 rounded-lg bg-muted flex items-center justify-center overflow-hidden", children: icon ? /* @__PURE__ */ jsx("img", { src: icon, alt: name, className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-muted-foreground", children: name.charAt(0).toUpperCase() }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
             /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors truncate", children: name }),
@@ -2639,7 +2635,9 @@ function StoreCategoryList({
                     {
                       icon: "mynaui:circle-warning",
                       className: "size-5",
-                      style: { color: "var(--color-status-warning-text, #d97706)" }
+                      style: {
+                        color: "var(--color-status-warning-text, #d97706)"
+                      }
                     }
                   )
                 }
@@ -2649,7 +2647,9 @@ function StoreCategoryList({
                   "p",
                   {
                     className: "text-sm font-medium group-hover:text-primary transition-colors",
-                    style: { color: "var(--color-status-warning-text, #d97706)" },
+                    style: {
+                      color: "var(--color-status-warning-text, #d97706)"
+                    },
                     children: "Deprecated"
                   }
                 ),
@@ -4078,7 +4078,7 @@ function DesktopSidebarFragment({
           if (nodes) {
             const requiredNodeTypes = [];
             try {
-              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-7LL2AEHB.js');
+              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-7Q5XRFI7.js');
               await ensureNodeConfigsLoaded2().catch(() => {
               });
               const workflowNodeTypes = [
@@ -12433,6 +12433,70 @@ function SwitchRulesEditor({
     /* @__PURE__ */ jsx("p", { className: "text-[10px] leading-snug text-muted-foreground", children: "Rules are checked top-down; the first matching rule routes the item to its output. Each rule renders as an output handle on the node." })
   ] });
 }
+function normalizeCodeLanguage(value) {
+  return typeof value === "string" && value.toLowerCase().startsWith("py") ? "python" : "javascript";
+}
+function useIsDarkTheme() {
+  const [dark, setDark] = useState(
+    () => typeof document !== "undefined" && document.documentElement.classList.contains("dark")
+  );
+  useEffect(() => {
+    const root = document.documentElement;
+    const observer = new MutationObserver(
+      () => setDark(root.classList.contains("dark"))
+    );
+    observer.observe(root, { attributes: true, attributeFilter: ["class"] });
+    return () => observer.disconnect();
+  }, []);
+  return dark;
+}
+function CodeEditorField({
+  value,
+  language,
+  placeholder,
+  onChange,
+  className,
+  "data-testid": testId
+}) {
+  const dark = useIsDarkTheme();
+  const extensions = useMemo(
+    () => [language === "python" ? python() : javascript()],
+    [language]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": testId,
+      className: cn$1(
+        "overflow-hidden rounded-md border border-input text-sm transition-colors focus-within:border-primary",
+        className
+      ),
+      onKeyDown: (e) => e.stopPropagation(),
+      onMouseDown: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ jsx(
+        CodeMirror,
+        {
+          value,
+          onChange,
+          extensions,
+          theme: dark ? "dark" : "light",
+          placeholder,
+          minHeight: "180px",
+          maxHeight: "420px",
+          basicSetup: {
+            lineNumbers: true,
+            foldGutter: true,
+            highlightActiveLine: true,
+            autocompletion: true,
+            bracketMatching: true,
+            closeBrackets: true,
+            indentOnInput: true
+          }
+        }
+      )
+    }
+  );
+}
 var SECTION_LABEL = "text-[11px] font-semibold uppercase tracking-[0.12em] text-muted-foreground";
 function WebhookUrlField({ webhookUrl, loading }) {
   const [copied, setCopied] = useState(false);
@@ -12959,6 +13023,7 @@ function NodeDetailView() {
                     const mode = modeByField[p.name] ?? (mapping[p.name] !== void 0 ? "expression" : "fixed");
                     const exprValue = mapping[p.name] ?? "";
                     const fixedValue = argsState[p.name];
+                    const isCodeParam = p.type === "code" || node?.type === "internal:code" && p.name === "code";
                     const highlight = dragField === p.name;
                     const inputCx = cn$1(
                       "w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none transition-colors disabled:opacity-50",
@@ -13009,6 +13074,17 @@ function NodeDetailView() {
                               "data-testid": `ndv-param-${p.name}`,
                               className: cn$1(inputCx, "font-mono text-primary")
                             }
+                          ) : isCodeParam ? /* @__PURE__ */ jsx(
+                            CodeEditorField,
+                            {
+                              value: typeof fixedValue === "string" ? fixedValue : "",
+                              language: normalizeCodeLanguage(
+                                argsState.runtime ?? params.find((f) => f.name === "runtime")?.defaultValue
+                              ),
+                              placeholder: typeof p.defaultValue === "string" ? p.defaultValue : p.description,
+                              onChange: (v) => writeFixed(p.name, v),
+                              "data-testid": `ndv-param-${p.name}`
+                            }
                           ) : p.type === "boolean" ? /* @__PURE__ */ jsxs("label", { className: "flex w-fit cursor-pointer items-center gap-2 text-sm", children: [
                             /* @__PURE__ */ jsx(
                               "input",
@@ -13963,7 +14039,7 @@ function WorkflowItem({
               };
               const requiredNodeTypes = [];
               try {
-                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-7LL2AEHB.js');
+                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-7Q5XRFI7.js');
                 await ensureNodeConfigsLoaded2().catch(() => {
                 });
                 const workflowNodeTypes = [
@@ -14232,5 +14308,5 @@ function WorkflowBuilder() {
 }
 
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FlowBuilderPage, FluidGridsProvider, TemplateCard, WorkflowBuilder, useFluidGridsContext, useImportWorkflowTemplate, useWorkflowTemplates };
-//# sourceMappingURL=chunk-OH5XGSAO.js.map
-//# sourceMappingURL=chunk-OH5XGSAO.js.map
+//# sourceMappingURL=chunk-U2OJNTKM.js.map
+//# sourceMappingURL=chunk-U2OJNTKM.js.map