@burdenoff/fluidgrids-fe-sdk 2026.525.1 → 2026.616.1

package/dist/{chunk-QPZIBO3U.js → chunk-6FP5I5EG.js}

@@ -6,7 +6,7 @@ import { waitForFluidGridsClient, getFluidGridsClient } from './chunk-5BDQNSP3.j
 import { config, getFluidGridsConfig } from './chunk-WWU2O2SR.js';
 import { deepClone, applyTemplateInputs } from './chunk-XQP33UJR.js';
 import * as React2 from 'react';
-import { memo, useState, useMemo, useCallback, useRef, useEffect, useContext } from 'react';
+import { forwardRef, useState, useImperativeHandle, useRef, useEffect, useMemo, useCallback, memo, useContext } from 'react';
 import { gql as gql$1 } from '@apollo/client/core';
 import { useQuery, useMutation } from '@apollo/client/react';
 import JSZip from 'jszip';
@@ -14,10 +14,10 @@ import { useStore, useReactFlow, Position, getConnectedEdges, Handle, useNodeId
 import { nanoid } from 'nanoid/non-secure';
 import { useShallow } from 'zustand/shallow';
 import { cn } from '@burdenoff/fe-libs/utils';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import * as AdaptiveCards from 'adaptivecards';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Textarea, Input, Button, Card, Dialog as Dialog$1, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from '@burdenoff/fe-libs/ui';
 import { Icon } from '@iconify/react';
-import { Button, Dialog as Dialog$1, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from '@burdenoff/fe-libs/ui';
+import * as AdaptiveCards from 'adaptivecards';
 import { formatDistanceToNow } from 'date-fns';
 import { gql } from '@apollo/client';
 import * as Dialog from '@radix-ui/react-dialog';
@@ -143,51 +143,302 @@ function CustomHandle({
     }
   ) });
 }
-function isAdaptiveCard(data) {
-  return data.type === "AdaptiveCard";
+
+// src/modules/ui-blocks/registry.ts
+var registry = /* @__PURE__ */ new Map();
+function registerCustomBlock(name, component) {
+  if (registry.has(name)) {
+    console.warn(`ui-blocks: overwriting registered block "${name}"`);
+  }
+  registry.set(name, component);
 }
-function isCustomFormat(data) {
-  const record = data;
-  return record.type !== "AdaptiveCard" && "inputs" in record;
+function getCustomBlock(name) {
+  return registry.get(name);
 }
-function expandTemplate(obj, data) {
-  if (typeof obj === "string") {
-    const singleVarMatch = obj.match(/^\$\{([^}]+)\}$/);
-    if (singleVarMatch) {
-      const key = singleVarMatch[1].trim();
-      const value = data[key];
-      if (value !== void 0 && value !== null) {
-        if (typeof value === "boolean") {
-          return value ? "true" : "false";
-        }
-        return value;
+function listCustomBlocks() {
+  return [...registry.keys()];
+}
+function ExpressionEditor({
+  value,
+  onChange,
+  placeholder = "Enter expression...",
+  className,
+  rows = 4,
+  label,
+  helpText
+}) {
+  const editorRef = useRef(null);
+  const [isFocused, setIsFocused] = useState(false);
+  const handleChange = useCallback(
+    (e) => {
+      onChange(e.target.value);
+    },
+    [onChange]
+  );
+  const insertTemplate = useCallback(
+    (template) => {
+      const textarea = editorRef.current;
+      if (!textarea) return;
+      const start = textarea.selectionStart;
+      const end = textarea.selectionEnd;
+      const newValue = value.substring(0, start) + template + value.substring(end);
+      onChange(newValue);
+      setTimeout(() => {
+        textarea.focus();
+        textarea.setSelectionRange(
+          start + template.length,
+          start + template.length
+        );
+      }, 0);
+    },
+    [value, onChange]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-foreground", children: label }),
+    /* @__PURE__ */ jsxs(
+      Card,
+      {
+        className: cn(
+          "relative overflow-hidden transition-all",
+          isFocused && "ring-2 ring-primary ring-offset-1"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 px-2 py-1.5 border-b bg-muted/30", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground mr-2", children: "Insert:" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => insertTemplate("{{input.}}"),
+                className: "text-xs px-2 py-0.5 rounded bg-primary/10 text-primary hover:bg-primary/20 transition-colors",
+                children: "{{input}}"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => insertTemplate("{{output.}}"),
+                className: "text-xs px-2 py-0.5 rounded bg-primary/10 text-primary hover:bg-primary/20 transition-colors",
+                children: "{{output}}"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => insertTemplate("{{$node['']}}"),
+                className: "text-xs px-2 py-0.5 rounded bg-primary/10 text-primary hover:bg-primary/20 transition-colors",
+                children: "{{$node}}"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              ref: editorRef,
+              value,
+              onChange: handleChange,
+              onFocus: () => setIsFocused(true),
+              onBlur: () => setIsFocused(false),
+              placeholder,
+              rows,
+              spellCheck: false,
+              className: cn(
+                "w-full p-3 font-mono text-sm bg-background resize-none",
+                "focus:outline-none",
+                "placeholder:text-muted-foreground/50"
+              )
+            }
+          )
+        ]
       }
-      return "";
+    ),
+    helpText && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: helpText })
+  ] });
+}
+var ExpressionEditorBlock = forwardRef(function ExpressionEditorBlock2({ path, initialValue, options }, ref) {
+  const [draft, setDraft] = useState(
+    () => initialValue === void 0 || initialValue === null ? "" : String(initialValue)
+  );
+  useImperativeHandle(
+    ref,
+    () => ({ collectValues: () => ({ [path]: draft }) }),
+    [path, draft]
+  );
+  const language = typeof options.language === "string" ? options.language : void 0;
+  const helpText = typeof options.helpText === "string" ? options.helpText : void 0;
+  return /* @__PURE__ */ jsx(
+    ExpressionEditor,
+    {
+      value: draft,
+      onChange: setDraft,
+      label: typeof options.label === "string" ? options.label : void 0,
+      placeholder: typeof options.placeholder === "string" ? options.placeholder : void 0,
+      rows: typeof options.rows === "number" ? options.rows : void 0,
+      helpText: language ? helpText ? `${helpText} \xB7 ${language}` : language : helpText
     }
-    return obj.replace(/\$\{([^}]+)\}/g, (_match, key) => {
-      const trimmedKey = key.trim();
-      const value = data[trimmedKey];
-      if (value !== void 0 && value !== null) {
-        return String(value);
+  );
+});
+function seedDraft(initialValue) {
+  if (initialValue === void 0 || initialValue === null) return "";
+  if (typeof initialValue === "string") return initialValue;
+  try {
+    return JSON.stringify(initialValue, null, 2);
+  } catch {
+    return "";
+  }
+}
+var JsonBlock = forwardRef(
+  function JsonBlock2({ path, initialValue, options }, ref) {
+    const [draft, setDraft] = useState(() => seedDraft(initialValue));
+    const [error, setError] = useState(null);
+    useImperativeHandle(
+      ref,
+      () => ({
+        collectValues() {
+          if (draft.trim() === "") return {};
+          try {
+            return { [path]: JSON.parse(draft) };
+          } catch {
+            return {};
+          }
+        }
+      }),
+      [path, draft]
+    );
+    const handleChange = (value) => {
+      setDraft(value);
+      if (value.trim() === "") {
+        setError(null);
+        return;
       }
-      return "";
-    });
+      try {
+        JSON.parse(value);
+        setError(null);
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Invalid JSON");
+      }
+    };
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      typeof options.label === "string" && /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-foreground", children: options.label }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          value: draft,
+          onChange: (e) => handleChange(e.target.value),
+          rows: typeof options.rows === "number" ? options.rows : 6,
+          spellCheck: false,
+          className: "font-mono text-sm",
+          placeholder: typeof options.placeholder === "string" ? options.placeholder : "{}"
+        }
+      ),
+      error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--color-status-error-text)]", children: error }) : typeof options.helpText === "string" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: options.helpText }) : null
+    ] });
   }
-  if (Array.isArray(obj)) {
-    return obj.map((item) => expandTemplate(item, data));
+);
+function seedRows(initialValue) {
+  if (initialValue !== null && typeof initialValue === "object" && !Array.isArray(initialValue)) {
+    return Object.entries(initialValue).map(
+      ([key, value]) => ({ key, value: String(value ?? "") })
+    );
   }
-  if (obj !== null && typeof obj === "object") {
-    const result = {};
-    for (const [key, value] of Object.entries(obj)) {
-      if (key === "defaultValue") {
-        continue;
-      }
-      result[key] = expandTemplate(value, data);
-    }
-    return result;
+  return [];
+}
+var KeyValueBlock = forwardRef(
+  function KeyValueBlock2({ path, initialValue, options }, ref) {
+    const [rows, setRows] = useState(() => seedRows(initialValue));
+    useImperativeHandle(
+      ref,
+      () => ({
+        collectValues: () => ({
+          [path]: Object.fromEntries(
+            rows.filter((row) => row.key).map((row) => [row.key, row.value])
+          )
+        })
+      }),
+      [path, rows]
+    );
+    const updateRow = (index, patch) => {
+      setRows(
+        (prev) => prev.map((row, i) => i === index ? { ...row, ...patch } : row)
+      );
+    };
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      typeof options.label === "string" && /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-foreground", children: options.label }),
+      rows.map((row, index) => (
+        // Index keys are fine here: rows are an ordered editable list with
+        // no stable identity beyond their position.
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: row.key,
+              onChange: (e) => updateRow(index, { key: e.target.value }),
+              placeholder: typeof options.keyPlaceholder === "string" ? options.keyPlaceholder : "Key",
+              className: "h-8 flex-1"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: row.value,
+              onChange: (e) => updateRow(index, { value: e.target.value }),
+              placeholder: typeof options.valuePlaceholder === "string" ? options.valuePlaceholder : "Value",
+              className: "h-8 flex-1"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Remove row",
+              onClick: () => setRows((prev) => prev.filter((_, i) => i !== index)),
+              className: "p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors",
+              children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:x", className: "w-4 h-4" })
+            }
+          )
+        ] }, index)
+      )),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: () => setRows((prev) => [...prev, { key: "", value: "" }]),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: "lucide:plus", className: "w-3.5 h-3.5 mr-1" }),
+            "Add"
+          ]
+        }
+      )
+    ] });
   }
-  return obj;
+);
+
+// src/modules/ui-blocks/blocks/builtins.ts
+var registered = false;
+function ensureBuiltinBlocks() {
+  if (registered) return;
+  registered = true;
+  registerCustomBlock("expression-editor", ExpressionEditorBlock);
+  registerCustomBlock("key-value", KeyValueBlock);
+  registerCustomBlock("json", JsonBlock);
 }
+
+// src/modules/ui-blocks/path.ts
+function getAtPath(obj, path) {
+  if (!obj || !path) return void 0;
+  let current = obj;
+  for (const key of path.split(".")) {
+    if (current === null || typeof current !== "object") return void 0;
+    current = current[key];
+  }
+  return current;
+}
+
+// src/modules/adaptive-cards/components/coerce.ts
 function coerceSubmittedDataFromCard(submittedData, cardData) {
   const fieldTypeMap = {};
   const integerFields = /* @__PURE__ */ new Set();
@@ -209,11 +460,32 @@ function coerceSubmittedDataFromCard(submittedData, cardData) {
           }
         }
       }
+      if (Array.isArray(element.actions)) {
+        extractFromActions(element.actions);
+      }
+    }
+  }
+  function extractFromActions(actions) {
+    for (const action of actions) {
+      const nested = action?.card;
+      if (nested && typeof nested === "object") {
+        if (Array.isArray(nested.body)) {
+          extractInputTypes(nested.body);
+        }
+        if (Array.isArray(nested.actions)) {
+          extractFromActions(nested.actions);
+        }
+      }
     }
   }
   if (Array.isArray(cardData.body)) {
     extractInputTypes(cardData.body);
   }
+  if (Array.isArray(cardData.actions)) {
+    extractFromActions(
+      cardData.actions
+    );
+  }
   const coercedData = {};
   for (const key in submittedData) {
     const value = submittedData[key];
@@ -237,6 +509,51 @@ function coerceSubmittedDataFromCard(submittedData, cardData) {
   }
   return coercedData;
 }
+function isAdaptiveCard(data) {
+  return data.type === "AdaptiveCard";
+}
+function isCustomFormat(data) {
+  const record = data;
+  return record.type !== "AdaptiveCard" && "inputs" in record;
+}
+function expandTemplate(obj, data) {
+  if (typeof obj === "string") {
+    const singleVarMatch = obj.match(/^\$\{([^}]+)\}$/);
+    if (singleVarMatch) {
+      const key = singleVarMatch[1].trim();
+      const value = data[key];
+      if (value !== void 0 && value !== null) {
+        if (typeof value === "boolean") {
+          return value ? "true" : "false";
+        }
+        return value;
+      }
+      return "";
+    }
+    return obj.replace(/\$\{([^}]+)\}/g, (_match, key) => {
+      const trimmedKey = key.trim();
+      const value = data[trimmedKey];
+      if (value !== void 0 && value !== null) {
+        return String(value);
+      }
+      return "";
+    });
+  }
+  if (Array.isArray(obj)) {
+    return obj.map((item) => expandTemplate(item, data));
+  }
+  if (obj !== null && typeof obj === "object") {
+    const result = {};
+    for (const [key, value] of Object.entries(obj)) {
+      if (key === "defaultValue") {
+        continue;
+      }
+      result[key] = expandTemplate(value, data);
+    }
+    return result;
+  }
+  return obj;
+}
 function applyCustomStyles(container) {
   const inputStyles = {
     width: "100%",
@@ -438,14 +755,11 @@ function applyCustomStyles(container) {
     });
   });
 }
-var AdaptiveCardRenderer = ({
-  cardData,
-  sampleData,
-  onSubmit,
-  onAction,
-  className
-}) => {
+var AdaptiveCardRenderer = forwardRef(function AdaptiveCardRenderer2({ cardData, sampleData, onSubmit, onAction, className }, ref) {
   const cardContainerRef = useRef(null);
+  const adaptiveCardInstanceRef = useRef(
+    null
+  );
   const initialSampleDataRef = useRef(sampleData);
   const hasRenderedRef = useRef(false);
   const onSubmitRef = useRef(onSubmit);
@@ -460,12 +774,16 @@ var AdaptiveCardRenderer = ({
     initialSampleDataRef.current = sampleData;
   }, [sampleData]);
   useEffect(() => {
-    if (!cardData || !cardContainerRef.current) return;
+    if (!cardData || !cardContainerRef.current) {
+      adaptiveCardInstanceRef.current = null;
+      return;
+    }
     if (!isAdaptiveCard(cardData)) {
       console.warn(
         'AdaptiveCardRenderer: Invalid format. Expected type "AdaptiveCard"'
       );
       cardContainerRef.current.innerHTML = "";
+      adaptiveCardInstanceRef.current = null;
       return;
     }
     const adaptiveCard = new AdaptiveCards.AdaptiveCard();
@@ -503,6 +821,7 @@ var AdaptiveCardRenderer = ({
     hasRenderedRef.current = true;
     cardToRender = expandTemplate(cardData, mergedData);
     adaptiveCard.parse(cardToRender);
+    adaptiveCardInstanceRef.current = adaptiveCard;
     if (Object.keys(mergedData).length > 0) {
       const allInputs = adaptiveCard.getAllInputs();
       for (const input of allInputs) {
@@ -538,6 +857,23 @@ var AdaptiveCardRenderer = ({
       applyCustomStyles(cardContainerRef.current);
     }
   }, [cardData]);
+  useImperativeHandle(
+    ref,
+    () => ({
+      collectValues() {
+        const adaptiveCard = adaptiveCardInstanceRef.current;
+        if (!adaptiveCard || !cardData) return {};
+        const collected = {};
+        for (const input of adaptiveCard.getAllInputs()) {
+          if (input.id) {
+            collected[input.id] = input.value;
+          }
+        }
+        return coerceSubmittedDataFromCard(collected, cardData);
+      }
+    }),
+    [cardData]
+  );
   if (!cardData) {
     return null;
   }
@@ -558,8 +894,260 @@ var AdaptiveCardRenderer = ({
       className: cn("adaptive-card-container", className)
     }
   );
-};
+});
 var components_default = AdaptiveCardRenderer;
+
+// src/modules/ui-blocks/parse.ts
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function validateUiSpec(raw) {
+  if (!isRecord(raw)) return "ui is not an object";
+  if (raw.version !== 1)
+    return `unsupported ui.version: ${String(raw.version)}`;
+  if (!Array.isArray(raw.blocks) || raw.blocks.length === 0) {
+    return "ui.blocks must be a non-empty array";
+  }
+  const seenIds = /* @__PURE__ */ new Set();
+  const blocks = [];
+  for (const [index, rawBlock] of raw.blocks.entries()) {
+    if (!isRecord(rawBlock)) return `ui.blocks[${index}] is not an object`;
+    const id = rawBlock.id;
+    if (typeof id !== "string" || id.length === 0) {
+      return `ui.blocks[${index}] is missing a non-empty string id`;
+    }
+    if (seenIds.has(id)) return `ui.blocks has duplicate id "${id}"`;
+    seenIds.add(id);
+    if (rawBlock.type === "adaptive_card") {
+      if (!isRecord(rawBlock.card)) {
+        return `ui.blocks[${index}] ("${id}") has no card object`;
+      }
+      blocks.push({ id, type: "adaptive_card", card: rawBlock.card });
+    } else if (rawBlock.type === "custom") {
+      if (typeof rawBlock.component !== "string" || !rawBlock.component) {
+        return `ui.blocks[${index}] ("${id}") has no component name`;
+      }
+      blocks.push({
+        id,
+        type: "custom",
+        component: rawBlock.component,
+        props: isRecord(rawBlock.props) ? rawBlock.props : void 0
+      });
+    } else {
+      return `ui.blocks[${index}] ("${id}") has unknown type "${String(rawBlock.type)}"`;
+    }
+  }
+  return { version: 1, blocks };
+}
+function resolveUiSpec(operation) {
+  if (!operation) return null;
+  if (operation.ui !== void 0) {
+    const result = validateUiSpec(operation.ui);
+    if (typeof result !== "string") {
+      return { spec: result, synthesized: false };
+    }
+    console.warn(
+      `ui-blocks: invalid ui declaration on operation "${operation.name ?? "?"}" (${result}); falling back to adaptive_card`
+    );
+  }
+  if (isRecord(operation.adaptive_card)) {
+    return {
+      spec: {
+        version: 1,
+        blocks: [
+          { id: "main", type: "adaptive_card", card: operation.adaptive_card }
+        ]
+      },
+      synthesized: true
+    };
+  }
+  return null;
+}
+function isSubmitAction(action) {
+  return isRecord(action) && action.type === "Action.Submit";
+}
+function stripFromActions(actions) {
+  return actions.filter((action) => !isSubmitAction(action)).map(
+    (action) => isRecord(action) && isRecord(action.card) ? { ...action, card: stripSubmitActions(action.card) } : action
+  );
+}
+function stripFromElements(elements) {
+  const result = [];
+  for (const element of elements) {
+    if (!isRecord(element)) {
+      result.push(element);
+      continue;
+    }
+    const el = { ...element };
+    if (el.type === "ActionSet" && Array.isArray(el.actions)) {
+      const remaining = stripFromActions(el.actions);
+      if (remaining.length === 0) continue;
+      el.actions = remaining;
+    }
+    if (Array.isArray(el.items)) {
+      el.items = stripFromElements(el.items);
+    }
+    if (Array.isArray(el.columns)) {
+      el.columns = el.columns.map(
+        (column) => isRecord(column) && Array.isArray(column.items) ? { ...column, items: stripFromElements(column.items) } : column
+      );
+    }
+    result.push(el);
+  }
+  return result;
+}
+function stripSubmitActions(card) {
+  const result = { ...card };
+  if (Array.isArray(result.actions)) {
+    result.actions = stripFromActions(result.actions);
+  }
+  if (Array.isArray(result.body)) {
+    result.body = stripFromElements(result.body);
+  }
+  return result;
+}
+function useStableJson(value) {
+  const jsonRef = useRef(void 0);
+  const stableRef = useRef(void 0);
+  return useMemo(() => {
+    const json = value === void 0 ? void 0 : JSON.stringify(value);
+    if (json !== jsonRef.current) {
+      jsonRef.current = json;
+      stableRef.current = value;
+    }
+    return stableRef.current;
+  }, [value]);
+}
+var AdaptiveCardBlock = forwardRef(function AdaptiveCardBlock2({ card, state, submitMode, onSubmit }, ref) {
+  const rendererRef = useRef(null);
+  const cardToRender = useMemo(
+    () => submitMode === "panel" ? stripSubmitActions(card) : card,
+    [card, submitMode]
+  );
+  const stableCard = useStableJson(cardToRender);
+  useImperativeHandle(
+    ref,
+    () => ({
+      collectValues() {
+        return rendererRef.current?.collectValues() ?? {};
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsx(
+    components_default,
+    {
+      ref: rendererRef,
+      cardData: stableCard ?? null,
+      sampleData: state,
+      onSubmit: submitMode === "card" ? onSubmit : void 0
+    }
+  );
+});
+var UnknownBlock = forwardRef(
+  function UnknownBlock2({ title, detail }, ref) {
+    useImperativeHandle(ref, () => ({ collectValues: () => ({}) }), []);
+    return /* @__PURE__ */ jsxs("div", { className: "p-3 border border-[var(--color-status-warning-border)] rounded bg-[var(--color-status-warning-bg-subtle)] text-sm", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-semibold text-[var(--color-status-warning-text)]", children: title }),
+      detail && /* @__PURE__ */ jsx("p", { className: "text-[var(--color-status-warning-text)] mt-1 text-xs", children: detail })
+    ] });
+  }
+);
+ensureBuiltinBlocks();
+function BlocksRenderer({
+  spec,
+  synthesized,
+  state,
+  onApply
+}) {
+  const handlesRef = useRef(/* @__PURE__ */ new Map());
+  const refCallbacksRef = useRef(
+    /* @__PURE__ */ new Map()
+  );
+  const handleRefFor = (blockId) => {
+    let callback = refCallbacksRef.current.get(blockId);
+    if (!callback) {
+      callback = (handle) => {
+        if (handle) {
+          handlesRef.current.set(blockId, handle);
+        } else {
+          handlesRef.current.delete(blockId);
+        }
+      };
+      refCallbacksRef.current.set(blockId, callback);
+    }
+    return callback;
+  };
+  const handleApply = useCallback(() => {
+    const merged = {};
+    for (const block of spec.blocks) {
+      const handle = handlesRef.current.get(block.id);
+      if (!handle) continue;
+      for (const [rawPath, value] of Object.entries(handle.collectValues())) {
+        const path = rawPath.replace(/^args\.state\./, "");
+        if (path in merged) {
+          console.warn(
+            `ui-blocks: block "${block.id}" overwrites path "${path}" set by an earlier block`
+          );
+        }
+        merged[path] = value;
+      }
+    }
+    onApply(merged);
+  }, [spec, onApply]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    spec.blocks.map((block) => {
+      if (block.type === "adaptive_card") {
+        return /* @__PURE__ */ jsx(
+          AdaptiveCardBlock,
+          {
+            ref: handleRefFor(block.id),
+            card: block.card,
+            state,
+            submitMode: synthesized ? "card" : "panel",
+            onSubmit: synthesized ? onApply : void 0
+          },
+          block.id
+        );
+      }
+      const Component = getCustomBlock(block.component);
+      if (!Component) {
+        return /* @__PURE__ */ jsx(
+          UnknownBlock,
+          {
+            title: `Unknown block component "${block.component}"`,
+            detail: "This block is not registered in this app. The rest of the panel works normally."
+          },
+          block.id
+        );
+      }
+      const path = typeof block.props?.path === "string" ? block.props.path : "";
+      if (!path) {
+        return /* @__PURE__ */ jsx(
+          UnknownBlock,
+          {
+            title: `Block "${block.id}" is missing required prop "path"`,
+            detail: "The node manifest must declare which args.state field this block edits."
+          },
+          block.id
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        Component,
+        {
+          ref: handleRefFor(block.id),
+          blockId: block.id,
+          path,
+          initialValue: getAtPath(state, path) ?? block.props?.default,
+          state,
+          options: block.props ?? {}
+        },
+        block.id
+      );
+    }),
+    !synthesized && /* @__PURE__ */ jsx(Button, { type: "button", onClick: handleApply, className: "self-start", children: "Apply" })
+  ] });
+}
 var PROVIDER_FIELDS = gql`
   fragment ProviderFields on IntegrationProvider {
     id
@@ -6704,8 +7292,11 @@ function NodePropertyPanel({
     }
     return [];
   }, [data?.nodeData?.operations, type]);
-  const currentOperation = operationsArray.find(
-    (op) => op.name === data?.operation_name
+  const currentOperation = useMemo(
+    () => operationsArray.find(
+      (op) => op.name === data?.operation_name
+    ),
+    [operationsArray, data?.operation_name]
   );
   const connectionAdapters = currentOperation?.connectionAdapters || currentOperation?.credentialAdapters || data?.nodeData?.connectionAdapters || data?.nodeData?.credentialAdapters || [];
   const selectedConnections = useMemo(() => {
@@ -6760,19 +7351,10 @@ function NodePropertyPanel({
       }
     });
   };
-  const adaptiveTemplateRaw = currentOperation?.adaptive_card;
-  const adaptiveTemplateJsonRef = useRef(void 0);
-  const adaptiveTemplateStableRef = useRef(
-    void 0
+  const resolvedUi = useMemo(
+    () => resolveUiSpec(currentOperation),
+    [currentOperation]
   );
-  const adaptiveTemplate = useMemo(() => {
-    const json = adaptiveTemplateRaw ? JSON.stringify(adaptiveTemplateRaw) : void 0;
-    if (json !== adaptiveTemplateJsonRef.current) {
-      adaptiveTemplateJsonRef.current = json;
-      adaptiveTemplateStableRef.current = adaptiveTemplateRaw;
-    }
-    return adaptiveTemplateStableRef.current;
-  }, [adaptiveTemplateRaw]);
   const sampleData = useMemo(() => {
     return data?.args?.state ?? {};
   }, [data?.args?.state]);
@@ -6836,13 +7418,15 @@ 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" }),
-      adaptiveTemplate ? /* @__PURE__ */ jsx(
-        components_default,
+      resolvedUi ? /* @__PURE__ */ jsx(
+        BlocksRenderer,
         {
-          cardData: adaptiveTemplate,
-          sampleData,
-          onSubmit: submittedData
-        }
+          spec: resolvedUi.spec,
+          synthesized: resolvedUi.synthesized,
+          state: sampleData,
+          onApply: submittedData
+        },
+        `${id}:${data?.operation_name ?? ""}`
       ) : /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground py-2", children: "No Properties" })
     ] })
   ] });
@@ -8854,6 +9438,6 @@ function useImportWorkflowTemplate() {
   };
 }
 
-export { AVAILABLE_NODES, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, HeaderWithIcon, NODES, NODES_METADATA, NODE_CONFIGS, NODE_TYPES, NodePropertyPanel, ProviderPicker, createNodeWithDefaultData, ensureNodeConfigsLoaded, getNodeDetail, getNodeMetadata, getProviderForm, isNodeConfigsInitialized, onNodeTypesUpdate, registerWorkflowNodeTypes, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useImportWorkflowTemplate, useInitiateOAuth, useInstallNode, useInstalledNodes, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useRefreshAvailableNodes };
-//# sourceMappingURL=chunk-QPZIBO3U.js.map
-//# sourceMappingURL=chunk-QPZIBO3U.js.map
+export { AVAILABLE_NODES, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, HeaderWithIcon, NODES, NODES_METADATA, NODE_CONFIGS, NODE_TYPES, NodePropertyPanel, ProviderPicker, createNodeWithDefaultData, ensureNodeConfigsLoaded, getNodeDetail, getNodeMetadata, getProviderForm, isNodeConfigsInitialized, listCustomBlocks, onNodeTypesUpdate, registerCustomBlock, registerWorkflowNodeTypes, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useImportWorkflowTemplate, useInitiateOAuth, useInstallNode, useInstalledNodes, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useRefreshAvailableNodes };
+//# sourceMappingURL=chunk-6FP5I5EG.js.map
+//# sourceMappingURL=chunk-6FP5I5EG.js.map