@tduniec/plugin-template-designer 0.1.7

package/dist/components/DesignerFlow/nodeLayout.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeLayout.esm.js","sources":["../../../src/components/DesignerFlow/nodeLayout.ts"],"sourcesContent":["import type { Node } from \"@xyflow/react\";\nimport type {\n  ActionNodeData,\n  DesignerNodeType,\n  OutputNodeData,\n  ParametersNodeData,\n} from \"../Nodes/types\";\nimport { NODE_VERTICAL_SPACING } from \"../Nodes/types\";\n\n// Shared helpers for computing consistent node alignment/spacing in the flow.\n\nconst DEFAULT_NODE_HEIGHT = 320;\nconst MIN_VERTICAL_GAP = 48;\n\nconst parseNumericHeight = (value: unknown): number | null => {\n  if (typeof value === \"number\" && Number.isFinite(value) && value > 0) {\n    return value;\n  }\n  if (typeof value === \"string\") {\n    const parsed = Number.parseFloat(value);\n    if (!Number.isNaN(parsed) && parsed > 0) {\n      return parsed;\n    }\n  }\n  return null;\n};\n\nconst estimateParametersNodeHeight = (node: Node): number | null => {\n  if (node.type !== \"parametersNode\") {\n    return null;\n  }\n  const data = node.data as ParametersNodeData | undefined;\n  if (!data) {\n    return null;\n  }\n\n  const sections = data.sections ?? [];\n  const PARAMETER_SHELL_HEIGHT = 300;\n  const PARAMETER_CARD_BASE = 220;\n  const SECTION_BASE = 180;\n  const FIELD_HEIGHT = 86;\n\n  if (!sections.length) {\n    return PARAMETER_SHELL_HEIGHT + PARAMETER_CARD_BASE + SECTION_BASE;\n  }\n\n  const sectionsHeight = sections.reduce((total, section) => {\n    const fieldCount = section.fields?.length ?? 0;\n    return total + SECTION_BASE + Math.max(fieldCount, 1) * FIELD_HEIGHT;\n  }, 0);\n\n  return PARAMETER_SHELL_HEIGHT + PARAMETER_CARD_BASE + sectionsHeight;\n};\n\nconst estimateActionNodeHeight = (node: Node): number | null => {\n  if (node.type !== \"actionNode\") {\n    return null;\n  }\n  const data = node.data as ActionNodeData | undefined;\n  if (!data) {\n    return null;\n  }\n  const base =\n    NODE_VERTICAL_SPACING.actionNode && NODE_VERTICAL_SPACING.actionNode > 0\n      ? NODE_VERTICAL_SPACING.actionNode\n      : MIN_VERTICAL_GAP;\n  const rowHeight = 84;\n  const inputCount = Object.keys(data.step?.input ?? {}).length;\n  const displayedRows = Math.max(inputCount, 1);\n  const extraRows = Math.max(displayedRows - 1, 0);\n  return base + extraRows * rowHeight;\n};\n\nconst BUILTIN_OUTPUT_KEYS = new Set([\"links\", \"text\"]);\n\nconst estimateOutputNodeHeight = (node: Node): number | null => {\n  if (node.type !== \"outputNode\") {\n    return null;\n  }\n  const data = node.data as OutputNodeData | undefined;\n  if (!data) {\n    return null;\n  }\n  const base = 240;\n  const linkHeight = 68;\n  const textHeight = 68;\n  const customHeight = 56;\n\n  const links = Array.isArray(data.output?.links) ? data.output.links : [];\n  const textEntries = Array.isArray(data.output?.text) ? data.output.text : [];\n  const customEntries =\n    data.output && typeof data.output === \"object\"\n      ? Object.entries(data.output).filter(\n          ([key]) => !BUILTIN_OUTPUT_KEYS.has(key)\n        )\n      : [];\n\n  return (\n    base +\n    links.length * linkHeight +\n    textEntries.length * textHeight +\n    customEntries.length * customHeight\n  );\n};\n\nconst getEstimatedHeightForNode = (node: Node): number | null => {\n  const type = node.type as DesignerNodeType | undefined;\n  if (!type) {\n    return null;\n  }\n\n  const estimators: Partial<\n    Record<DesignerNodeType, (node: Node) => number | null>\n  > = {\n    parametersNode: estimateParametersNodeHeight,\n    actionNode: estimateActionNodeHeight,\n    outputNode: estimateOutputNodeHeight,\n  };\n\n  const estimated = estimators[type]?.(node);\n  if (typeof estimated === \"number\" && estimated > 0) {\n    return estimated;\n  }\n\n  const fallback = NODE_VERTICAL_SPACING[type];\n  return typeof fallback === \"number\" && fallback > 0 ? fallback : null;\n};\n\nconst getNodeHeight = (node: Node): number => {\n  const measured = parseNumericHeight(node.measured?.height);\n  if (measured) {\n    return measured;\n  }\n  const explicitHeight = parseNumericHeight(node.height);\n  if (explicitHeight) {\n    return explicitHeight;\n  }\n  const styleHeight = parseNumericHeight(node.style?.height);\n  if (styleHeight) {\n    return styleHeight;\n  }\n  const estimatedHeight = getEstimatedHeightForNode(node);\n  if (estimatedHeight) {\n    return estimatedHeight;\n  }\n  return DEFAULT_NODE_HEIGHT;\n};\n\nconst getSpacingBufferForNode = (node: Node): number => {\n  const type = node.type as DesignerNodeType | undefined;\n  if (!type) {\n    return MIN_VERTICAL_GAP;\n  }\n  const buffer = NODE_VERTICAL_SPACING[type] ?? MIN_VERTICAL_GAP;\n  return buffer > MIN_VERTICAL_GAP ? buffer : MIN_VERTICAL_GAP;\n};\n\nexport const alignNodes = (\n  nodes: Node[],\n  fixedXPosition: number,\n  verticalSpacing: number\n) => {\n  let currentY = 0;\n\n  return nodes.map((node) => {\n    const alignedNode: Node = {\n      ...node,\n      position: {\n        x: fixedXPosition,\n        y: currentY,\n      },\n    };\n\n    const nodeHeight = getNodeHeight(node);\n    const spacingBuffer = getSpacingBufferForNode(node);\n    const minDistance = nodeHeight + spacingBuffer;\n    const distanceToNext = Math.max(minDistance, verticalSpacing);\n    currentY += distanceToNext;\n\n    return alignedNode;\n  });\n};\n"],"names":[],"mappings":"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"}

package/dist/components/DesignerFlow/parameterTransforms.esm.js

@@ -0,0 +1,184 @@
+const asString = (value) => typeof value === "string" ? value : void 0;
+const asStringArray = (value) => Array.isArray(value) && value.every((item) => typeof item === "string") ? value : void 0;
+const asSchemaRecord = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    return void 0;
+  }
+  return value;
+};
+const cloneSchema = (schema) => {
+  if (!schema) {
+    return void 0;
+  }
+  return JSON.parse(JSON.stringify(schema));
+};
+const buildDefaultSchema = (fieldName) => ({
+  title: fieldName || "Field",
+  type: "string"
+});
+const buildFieldsForSection = (sectionId, sectionTitle, properties, requiredList) => {
+  if (!properties) {
+    return [];
+  }
+  return Object.entries(properties).map(([fieldName, schema], fieldIndex) => {
+    const isRequired = Array.isArray(requiredList) && requiredList.includes(fieldName);
+    const safeSchema = cloneSchema(schema) ?? buildDefaultSchema(fieldName);
+    return {
+      id: `${sectionId}-field-${fieldIndex}`,
+      fieldName,
+      sectionId,
+      sectionTitle,
+      required: Boolean(isRequired),
+      schema: safeSchema
+    };
+  });
+};
+const sanitizeField = (field, fallbackSectionId, index) => {
+  const fieldId = field.id ?? `${fallbackSectionId}-field-${index}`;
+  return {
+    ...field,
+    id: fieldId,
+    sectionId: field.sectionId ?? fallbackSectionId,
+    schema: cloneSchema(field.schema) ?? buildDefaultSchema(field.fieldName)
+  };
+};
+const rebuildSectionMeta = (section, index) => {
+  const fallbackId = section.id ?? `section-${index}`;
+  const sanitizedFields = (section.fields ?? []).map(
+    (field, fieldIndex) => sanitizeField(field, fallbackId, fieldIndex)
+  );
+  const properties = sanitizedFields.reduce((acc, field) => {
+    if (!field.fieldName) {
+      return acc;
+    }
+    acc[field.fieldName] = cloneSchema(field.schema) ?? buildDefaultSchema(field.fieldName);
+    return acc;
+  }, {});
+  const required = sanitizedFields.filter((field) => field.required && field.fieldName).map((field) => field.fieldName);
+  const propagatedFields = sanitizedFields.map((field) => ({
+    ...field,
+    sectionTitle: section.title ?? field.sectionTitle
+  }));
+  return {
+    ...section,
+    id: fallbackId,
+    fields: propagatedFields,
+    properties,
+    required
+  };
+};
+const sanitizeSections = (sections) => (sections ?? []).map((section, index) => rebuildSectionMeta(section, index));
+const sectionsToParametersValue = (sections) => {
+  const sanitizedSections = sanitizeSections(sections);
+  if (!sanitizedSections.length) {
+    return void 0;
+  }
+  const templates = sanitizedSections.map((section) => {
+    const properties = section.properties ?? {};
+    if (!Object.keys(properties).length) {
+      return null;
+    }
+    const template = {
+      title: section.title,
+      description: section.description,
+      required: section.required && section.required.length ? [...section.required] : void 0,
+      properties: JSON.parse(JSON.stringify(properties))
+    };
+    return template;
+  }).filter((entry) => entry !== null);
+  if (!templates.length) {
+    return void 0;
+  }
+  return templates.length === 1 ? [templates[0]] : templates;
+};
+const normalizeParametersToSections = (parameters) => {
+  if (parameters === void 0 || parameters === null) {
+    return [];
+  }
+  const entries = Array.isArray(parameters) ? parameters : [parameters];
+  const sections = [];
+  entries.forEach((entry, index) => {
+    if (!entry || typeof entry !== "object") {
+      return;
+    }
+    const record = entry;
+    const steps = Array.isArray(record.steps) ? record.steps : [];
+    if (steps.length > 0) {
+      steps.forEach((step, stepIndex) => {
+        if (!step || typeof step !== "object") {
+          return;
+        }
+        const schema2 = step.schema;
+        if (!schema2 || typeof schema2 !== "object") {
+          return;
+        }
+        const sectionSchema = schema2;
+        const stepRecord = step;
+        const sectionTitle = asString(stepRecord.title) ?? asString(sectionSchema.title) ?? `Step ${stepIndex + 1}`;
+        const sectionDescription = asString(stepRecord.description) ?? asString(sectionSchema.description);
+        const sectionProperties2 = asSchemaRecord(sectionSchema.properties) ?? {};
+        const required = asStringArray(sectionSchema.required) ?? [];
+        const sectionId2 = `section-${index}-step-${stepIndex}`;
+        sections.push({
+          id: sectionId2,
+          title: sectionTitle,
+          description: sectionDescription,
+          properties: sectionProperties2,
+          required,
+          fields: buildFieldsForSection(
+            sectionId2,
+            sectionTitle,
+            sectionProperties2,
+            required
+          )
+        });
+      });
+      return;
+    }
+    const schema = record;
+    const schemaTitle = asString(schema.title);
+    const schemaDescription = asString(schema.description);
+    const sectionProperties = asSchemaRecord(schema.properties);
+    if (sectionProperties && Object.keys(sectionProperties).length > 0) {
+      const required = asStringArray(schema.required) ?? [];
+      const sectionId2 = `section-${index}`;
+      sections.push({
+        id: sectionId2,
+        title: schemaTitle ?? `Section ${index + 1}`,
+        description: schemaDescription,
+        properties: sectionProperties,
+        required,
+        fields: buildFieldsForSection(
+          sectionId2,
+          schemaTitle,
+          sectionProperties,
+          required
+        )
+      });
+      return;
+    }
+    const parameterSchema = entry;
+    const fallbackKey = schemaTitle ?? `field-${index + 1}`;
+    const sectionId = `section-${index}`;
+    const fallbackProperties = {
+      [fallbackKey]: parameterSchema
+    };
+    sections.push({
+      id: sectionId,
+      title: schemaTitle ?? `Section ${index + 1}`,
+      description: schemaDescription,
+      properties: fallbackProperties,
+      required: [],
+      fields: buildFieldsForSection(
+        sectionId,
+        schemaTitle,
+        fallbackProperties,
+        []
+      )
+    });
+  });
+  return sections;
+};
+
+export { normalizeParametersToSections, sanitizeSections, sectionsToParametersValue };
+//# sourceMappingURL=parameterTransforms.esm.js.map

package/dist/components/DesignerFlow/parameterTransforms.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parameterTransforms.esm.js","sources":["../../../src/components/DesignerFlow/parameterTransforms.ts"],"sourcesContent":["import type {\n  TemplateParameterSchema,\n  TemplateParametersV1beta3,\n} from \"@backstage/plugin-scaffolder-common\";\nimport type {\n  ParameterFieldDisplay,\n  ParameterSectionDisplay,\n  TemplateParametersValue,\n} from \"../Nodes/types\";\n\ntype ParameterPropertySchema = Record<string, unknown>;\n\nconst asString = (value: unknown): string | undefined =>\n  typeof value === \"string\" ? value : undefined;\n\nconst asStringArray = (value: unknown): string[] | undefined =>\n  Array.isArray(value) && value.every((item) => typeof item === \"string\")\n    ? (value as string[])\n    : undefined;\n\nconst asSchemaRecord = (\n  value: unknown\n): Record<string, ParameterPropertySchema> | undefined => {\n  if (!value || typeof value !== \"object\" || Array.isArray(value)) {\n    return undefined;\n  }\n  return value as Record<string, ParameterPropertySchema>;\n};\n\nconst cloneSchema = (\n  schema?: ParameterPropertySchema\n): ParameterPropertySchema | undefined => {\n  if (!schema) {\n    return undefined;\n  }\n  return JSON.parse(JSON.stringify(schema)) as ParameterPropertySchema;\n};\n\nconst buildDefaultSchema = (fieldName: string): ParameterPropertySchema => ({\n  title: fieldName || \"Field\",\n  type: \"string\",\n});\n\nconst buildFieldsForSection = (\n  sectionId: string,\n  sectionTitle: string | undefined,\n  properties?: Record<string, ParameterPropertySchema>,\n  requiredList?: string[]\n): ParameterFieldDisplay[] => {\n  if (!properties) {\n    return [];\n  }\n\n  return Object.entries(properties).map(([fieldName, schema], fieldIndex) => {\n    const isRequired =\n      Array.isArray(requiredList) && requiredList.includes(fieldName);\n    const safeSchema = cloneSchema(schema) ?? buildDefaultSchema(fieldName);\n    return {\n      id: `${sectionId}-field-${fieldIndex}`,\n      fieldName,\n      sectionId,\n      sectionTitle,\n      required: Boolean(isRequired),\n      schema: safeSchema,\n    };\n  });\n};\n\nconst sanitizeField = (\n  field: ParameterFieldDisplay,\n  fallbackSectionId: string,\n  index: number\n): ParameterFieldDisplay => {\n  const fieldId = field.id ?? `${fallbackSectionId}-field-${index}`;\n  return {\n    ...field,\n    id: fieldId,\n    sectionId: field.sectionId ?? fallbackSectionId,\n    schema: cloneSchema(field.schema) ?? buildDefaultSchema(field.fieldName),\n  };\n};\n\nconst rebuildSectionMeta = (\n  section: ParameterSectionDisplay,\n  index: number\n): ParameterSectionDisplay => {\n  const fallbackId = section.id ?? `section-${index}`;\n  const sanitizedFields = (section.fields ?? []).map((field, fieldIndex) =>\n    sanitizeField(field, fallbackId, fieldIndex)\n  );\n\n  const properties = sanitizedFields.reduce<\n    Record<string, ParameterPropertySchema>\n  >((acc, field) => {\n    if (!field.fieldName) {\n      return acc;\n    }\n    acc[field.fieldName] =\n      cloneSchema(field.schema) ?? buildDefaultSchema(field.fieldName);\n    return acc;\n  }, {});\n\n  const required = sanitizedFields\n    .filter((field) => field.required && field.fieldName)\n    .map((field) => field.fieldName);\n\n  const propagatedFields = sanitizedFields.map((field) => ({\n    ...field,\n    sectionTitle: section.title ?? field.sectionTitle,\n  }));\n\n  return {\n    ...section,\n    id: fallbackId,\n    fields: propagatedFields,\n    properties,\n    required,\n  };\n};\n\nexport const sanitizeSections = (\n  sections: ParameterSectionDisplay[] | undefined\n): ParameterSectionDisplay[] =>\n  (sections ?? []).map((section, index) => rebuildSectionMeta(section, index));\n\nexport const sectionsToParametersValue = (\n  sections: ParameterSectionDisplay[]\n): TemplateParametersValue => {\n  const sanitizedSections = sanitizeSections(sections);\n  if (!sanitizedSections.length) {\n    return undefined;\n  }\n\n  const templates = sanitizedSections\n    .map((section) => {\n      const properties = section.properties ?? {};\n      if (!Object.keys(properties).length) {\n        return null;\n      }\n      const template: TemplateParametersV1beta3 = {\n        title: section.title,\n        description: section.description,\n        required:\n          section.required && section.required.length\n            ? [...section.required]\n            : undefined,\n        properties: JSON.parse(JSON.stringify(properties)),\n      };\n      return template;\n    })\n    .filter((entry): entry is TemplateParametersV1beta3 => entry !== null);\n\n  if (!templates.length) {\n    return undefined;\n  }\n\n  return templates.length === 1 ? [templates[0]] : templates;\n};\n\nexport const normalizeParametersToSections = (\n  parameters: TemplateParametersValue\n): ParameterSectionDisplay[] => {\n  if (parameters === undefined || parameters === null) {\n    return [];\n  }\n\n  const entries = Array.isArray(parameters) ? parameters : [parameters];\n  const sections: ParameterSectionDisplay[] = [];\n\n  entries.forEach((entry, index) => {\n    if (!entry || typeof entry !== \"object\") {\n      return;\n    }\n\n    const record = entry as Record<string, any>;\n    const steps = Array.isArray(record.steps) ? record.steps : [];\n    if (steps.length > 0) {\n      steps.forEach((step, stepIndex) => {\n        if (!step || typeof step !== \"object\") {\n          return;\n        }\n        const schema = (step as Record<string, any>).schema;\n        if (!schema || typeof schema !== \"object\") {\n          return;\n        }\n        const sectionSchema = schema as TemplateParametersV1beta3;\n        const stepRecord = step as Record<string, any>;\n        const sectionTitle =\n          asString(stepRecord.title) ??\n          asString(sectionSchema.title) ??\n          `Step ${stepIndex + 1}`;\n        const sectionDescription =\n          asString(stepRecord.description) ??\n          asString(sectionSchema.description);\n        const sectionProperties =\n          asSchemaRecord(sectionSchema.properties) ?? {};\n        const required = asStringArray(sectionSchema.required) ?? [];\n        const sectionId = `section-${index}-step-${stepIndex}`;\n        sections.push({\n          id: sectionId,\n          title: sectionTitle,\n          description: sectionDescription,\n          properties: sectionProperties,\n          required,\n          fields: buildFieldsForSection(\n            sectionId,\n            sectionTitle,\n            sectionProperties,\n            required\n          ),\n        });\n      });\n      return;\n    }\n\n    const schema = record as TemplateParametersV1beta3;\n    const schemaTitle = asString(schema.title);\n    const schemaDescription = asString(schema.description);\n    const sectionProperties = asSchemaRecord(schema.properties);\n\n    if (sectionProperties && Object.keys(sectionProperties).length > 0) {\n      const required = asStringArray(schema.required) ?? [];\n      const sectionId = `section-${index}`;\n      sections.push({\n        id: sectionId,\n        title: schemaTitle ?? `Section ${index + 1}`,\n        description: schemaDescription,\n        properties: sectionProperties,\n        required,\n        fields: buildFieldsForSection(\n          sectionId,\n          schemaTitle,\n          sectionProperties,\n          required\n        ),\n      });\n      return;\n    }\n\n    const parameterSchema = entry as TemplateParameterSchema;\n    const fallbackKey = schemaTitle ?? `field-${index + 1}`;\n    const sectionId = `section-${index}`;\n    const fallbackProperties: Record<string, ParameterPropertySchema> = {\n      [fallbackKey]: parameterSchema as ParameterPropertySchema,\n    };\n\n    sections.push({\n      id: sectionId,\n      title: schemaTitle ?? `Section ${index + 1}`,\n      description: schemaDescription,\n      properties: fallbackProperties,\n      required: [],\n      fields: buildFieldsForSection(\n        sectionId,\n        schemaTitle,\n        fallbackProperties,\n        []\n      ),\n    });\n  });\n\n  return sections;\n};\n"],"names":["schema","sectionProperties","sectionId"],"mappings":"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"}

package/dist/components/Nodes/ActionNode.esm.js

@@ -0,0 +1,437 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { NodeToolbar, Position, Handle } from '@xyflow/react';
+import { useTheme, styled } from '@material-ui/core/styles';
+import { Typography, TextField, Button, Divider, Box, Chip, IconButton } from '@material-ui/core';
+import DeleteOutlineIcon from '@material-ui/icons/DeleteOutline';
+import AddIcon from '@material-ui/icons/Add';
+import Autocomplete from '@material-ui/lab/Autocomplete';
+import { normalizeSchemaType, buildTypeLabel, extractEnumOptions, stringifyValueForDisplay, coerceValueForType } from './action/schema.esm.js';
+import { useActionInputs } from './action/useActionInputs.esm.js';
+import { createStopNodeInteraction } from './common/nodeInteraction.esm.js';
+import { AutoWidthPopper } from './common/AutoWidthPopper.esm.js';
+
+const Card = styled(Box)(({ theme }) => ({
+  background: theme.palette.background.paper,
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: 12,
+  width: 760,
+  // card width
+  padding: theme.spacing(1.5),
+  boxShadow: theme.shadows[2],
+  color: theme.palette.text.primary
+}));
+const Header = styled(Box)(({ theme }) => ({
+  display: "grid",
+  gridTemplateColumns: "1fr",
+  gap: theme.spacing(1),
+  marginBottom: theme.spacing(1)
+}));
+const Grid = styled(Box)(({ theme }) => ({
+  display: "grid",
+  gridTemplateColumns: "88px 1fr",
+  gap: theme.spacing(1),
+  alignItems: "center"
+}));
+const KvRow = styled(Box)(({ theme }) => ({
+  display: "grid",
+  gridTemplateColumns: "200px 140px 1fr auto",
+  gap: theme.spacing(1),
+  alignItems: "center"
+}));
+const DEFAULT_ACTION_OPTIONS = [
+  "fetch:template"
+  // TODO to be fixed later to not uses default actions
+];
+const ActionNode = ({ data }) => {
+  const { rfId, step } = data;
+  const [newKey, setNewKey] = useState("");
+  const [newVal, setNewVal] = useState("");
+  const stepOutputReferences = data.stepOutputReferences ?? [];
+  const theme = useTheme();
+  const actionOptions = (data.scaffolderActionIds?.length ?? 0) > 0 ? data.scaffolderActionIds ?? [] : DEFAULT_ACTION_OPTIONS;
+  const handleTop = (field) => (e) => data.onUpdateField?.(rfId, field, e.target.value);
+  const actionId = typeof step?.action === "string" ? step.action : "";
+  const {
+    actionInputSchema,
+    inputEntries,
+    usedInputKeys,
+    availableInputOptions,
+    trimmedNewKey,
+    selectedNewKeyOption,
+    newKeyNormalizedType,
+    newKeyTypeLabel,
+    newKeyEnumOptions
+  } = useActionInputs({ data, step, actionId, newKey });
+  const isAddDisabled = !trimmedNewKey || usedInputKeys.has(trimmedNewKey);
+  const newValueOptions = Array.from(
+    /* @__PURE__ */ new Set([
+      ...newKeyNormalizedType === "boolean" ? ["true", "false"] : [],
+      ...newKeyEnumOptions,
+      ...stepOutputReferences
+    ])
+  );
+  const addPair = () => {
+    const k = trimmedNewKey;
+    if (!k || usedInputKeys.has(k)) return;
+    const schema = selectedNewKeyOption?.schema ?? actionInputSchema?.[k];
+    const normalizedType = normalizeSchemaType(schema);
+    const parsedValue = coerceValueForType(newVal, normalizedType);
+    data.onUpdateInput?.(rfId, k, parsedValue);
+    setNewKey("");
+    setNewVal("");
+  };
+  const stopAll = createStopNodeInteraction();
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(Header, { title: step?.name || "Unnamed Step", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", noWrap: true, children: step?.name || "Unnamed Step" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: "Action" }),
+      /* @__PURE__ */ jsx(
+        Autocomplete,
+        {
+          size: "small",
+          options: actionOptions,
+          PopperComponent: AutoWidthPopper,
+          freeSolo: true,
+          value: typeof step?.action === "string" ? step.action : "",
+          inputValue: typeof step?.action === "string" ? step.action : "",
+          onChange: (_, newValue) => data.onUpdateField?.(rfId, "action", newValue ?? ""),
+          onInputChange: (_, newInputValue) => data.onUpdateField?.(rfId, "action", newInputValue ?? ""),
+          onPointerDown: stopAll.onPointerDown,
+          onKeyDown: stopAll.onKeyDown,
+          className: stopAll.className,
+          fullWidth: true,
+          renderInput: (params) => /* @__PURE__ */ jsx(
+            TextField,
+            {
+              ...params,
+              size: "small",
+              placeholder: "e.g. fetch:template",
+              fullWidth: true,
+              inputProps: {
+                ...params.inputProps,
+                ...stopAll.inputProps
+              }
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(NodeToolbar, { position: Position.Bottom, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outlined",
+        size: "small",
+        startIcon: /* @__PURE__ */ jsx(AddIcon, { fontSize: "small" }),
+        onClick: () => data.onAddNode?.({
+          afterRfId: rfId,
+          type: "actionNode"
+        }),
+        onPointerDown: (e) => e.stopPropagation(),
+        className: "nodrag nowheel",
+        children: "Add Action"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(Box, { sx: { mb: 1 }, children: /* @__PURE__ */ jsxs(Grid, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: "ID" }),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          size: "small",
+          placeholder: "string id",
+          value: String(step?.id ?? ""),
+          onChange: handleTop("id"),
+          fullWidth: true,
+          ...stopAll
+        }
+      ),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: "Name" }),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          size: "small",
+          placeholder: "Step name",
+          value: String(step?.name ?? ""),
+          onChange: handleTop("name"),
+          fullWidth: true,
+          ...stopAll
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: "Inputs" }),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "grid", mt: 0.5 }, children: [
+      inputEntries.length === 0 && /* @__PURE__ */ jsx(
+        Box,
+        {
+          sx: {
+            fontSize: 12,
+            color: theme.palette.text.secondary,
+            border: `1px dashed ${theme.palette.divider}`,
+            borderRadius: 1,
+            p: 1,
+            textAlign: "center"
+          },
+          children: "No inputs yet"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        KvRow,
+        {
+          sx: {
+            mt: inputEntries.length === 0 ? 1.5 : 0.5,
+            color: theme.palette.text.secondary
+          },
+          children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: "Key" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: "Type" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: "Value" }),
+            /* @__PURE__ */ jsx(Box, {})
+          ]
+        }
+      ),
+      inputEntries.map(([k, v]) => {
+        const schema = actionInputSchema?.[k];
+        const normalizedType = normalizeSchemaType(schema);
+        const typeLabel = buildTypeLabel(schema) || "String";
+        const enumOptions = extractEnumOptions(schema);
+        const baseOptions = normalizedType === "boolean" ? ["true", "false"] : [];
+        const options = Array.from(
+          /* @__PURE__ */ new Set([...baseOptions, ...enumOptions, ...stepOutputReferences])
+        );
+        const displayValue = stringifyValueForDisplay(v, normalizedType);
+        const handleStringChange = (nextValue) => {
+          const parsed = coerceValueForType(nextValue, normalizedType);
+          data.onUpdateInput?.(rfId, k, parsed);
+        };
+        return /* @__PURE__ */ jsxs(KvRow, { children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "caption",
+              noWrap: true,
+              title: k,
+              color: "textSecondary",
+              children: k
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { display: "flex", children: /* @__PURE__ */ jsx(Chip, { size: "small", variant: "outlined", label: typeLabel }) }),
+          (normalizedType === "array" || normalizedType === "object") && /* @__PURE__ */ jsx(
+            TextField,
+            {
+              size: "small",
+              value: displayValue,
+              onChange: (event) => handleStringChange(event.target.value),
+              placeholder: "JSON value",
+              fullWidth: true,
+              multiline: true,
+              minRows: 2,
+              inputProps: {
+                ...stopAll.inputProps
+              },
+              onPointerDown: stopAll.onPointerDown,
+              onKeyDown: stopAll.onKeyDown,
+              className: stopAll.className
+            }
+          ),
+          (normalizedType === "number" || normalizedType === "integer") && /* @__PURE__ */ jsx(
+            TextField,
+            {
+              size: "small",
+              value: displayValue,
+              onChange: (event) => handleStringChange(event.target.value),
+              placeholder: "Number",
+              fullWidth: true,
+              inputProps: {
+                ...stopAll.inputProps,
+                inputMode: "decimal"
+              },
+              onPointerDown: stopAll.onPointerDown,
+              onKeyDown: stopAll.onKeyDown,
+              className: stopAll.className
+            }
+          ),
+          normalizedType !== "array" && normalizedType !== "object" && normalizedType !== "number" && normalizedType !== "integer" && /* @__PURE__ */ jsx(
+            Autocomplete,
+            {
+              size: "small",
+              freeSolo: true,
+              options,
+              PopperComponent: AutoWidthPopper,
+              value: displayValue,
+              inputValue: displayValue,
+              fullWidth: true,
+              onChange: (_, value) => handleStringChange(value ?? ""),
+              onInputChange: (_, value, reason) => {
+                if (reason === "reset") {
+                  return;
+                }
+                handleStringChange(value ?? "");
+              },
+              onPointerDown: stopAll.onPointerDown,
+              onKeyDown: stopAll.onKeyDown,
+              className: stopAll.className,
+              renderInput: (params) => /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  ...params,
+                  size: "small",
+                  placeholder: "value",
+                  inputProps: {
+                    ...params.inputProps,
+                    ...stopAll.inputProps
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "small",
+              onClick: () => data.onRemoveInputKey?.(rfId, k),
+              onPointerDown: (e) => e.stopPropagation(),
+              "aria-label": `Remove ${k}`,
+              className: "nodrag nowheel",
+              children: /* @__PURE__ */ jsx(DeleteOutlineIcon, { fontSize: "small" })
+            }
+          )
+        ] }, k);
+      }),
+      /* @__PURE__ */ jsxs(KvRow, { children: [
+        /* @__PURE__ */ jsx(
+          Autocomplete,
+          {
+            size: "small",
+            freeSolo: true,
+            options: availableInputOptions,
+            PopperComponent: AutoWidthPopper,
+            value: selectedNewKeyOption,
+            inputValue: newKey,
+            onChange: (_, value) => {
+              if (!value) {
+                setNewKey("");
+                return;
+              }
+              if (typeof value === "string") {
+                setNewKey(value);
+                return;
+              }
+              setNewKey(value.key);
+            },
+            onInputChange: (_, value, reason) => {
+              if (reason === "reset") {
+                return;
+              }
+              setNewKey(value ?? "");
+            },
+            onPointerDown: stopAll.onPointerDown,
+            onKeyDown: stopAll.onKeyDown,
+            className: stopAll.className,
+            getOptionSelected: (option, value) => option.key === value?.key,
+            getOptionLabel: (option) => typeof option === "string" ? option : option.label,
+            renderInput: (params) => /* @__PURE__ */ jsx(
+              TextField,
+              {
+                ...params,
+                size: "small",
+                placeholder: "new key",
+                inputProps: {
+                  ...params.inputProps,
+                  ...stopAll.inputProps
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { display: "flex", children: /* @__PURE__ */ jsx(Chip, { size: "small", variant: "outlined", label: newKeyTypeLabel }) }),
+        (newKeyNormalizedType === "array" || newKeyNormalizedType === "object") && /* @__PURE__ */ jsx(
+          TextField,
+          {
+            size: "small",
+            value: newVal,
+            onChange: (event) => setNewVal(event.target.value),
+            placeholder: "JSON value",
+            fullWidth: true,
+            multiline: true,
+            minRows: 2,
+            inputProps: {
+              ...stopAll.inputProps
+            },
+            onPointerDown: stopAll.onPointerDown,
+            onKeyDown: stopAll.onKeyDown,
+            className: stopAll.className
+          }
+        ),
+        (newKeyNormalizedType === "number" || newKeyNormalizedType === "integer") && /* @__PURE__ */ jsx(
+          TextField,
+          {
+            size: "small",
+            value: newVal,
+            onChange: (event) => setNewVal(event.target.value),
+            placeholder: "Number",
+            fullWidth: true,
+            inputProps: {
+              ...stopAll.inputProps,
+              inputMode: "decimal"
+            },
+            onPointerDown: stopAll.onPointerDown,
+            onKeyDown: stopAll.onKeyDown,
+            className: stopAll.className
+          }
+        ),
+        newKeyNormalizedType !== "array" && newKeyNormalizedType !== "object" && newKeyNormalizedType !== "number" && newKeyNormalizedType !== "integer" && /* @__PURE__ */ jsx(
+          Autocomplete,
+          {
+            size: "small",
+            freeSolo: true,
+            options: newValueOptions,
+            PopperComponent: AutoWidthPopper,
+            value: newVal,
+            inputValue: newVal,
+            fullWidth: true,
+            onChange: (_, value) => setNewVal(value ?? ""),
+            onInputChange: (_, value, reason) => {
+              if (reason === "reset") {
+                return;
+              }
+              setNewVal(value ?? "");
+            },
+            onPointerDown: stopAll.onPointerDown,
+            onKeyDown: stopAll.onKeyDown,
+            className: stopAll.className,
+            renderInput: (params) => /* @__PURE__ */ jsx(
+              TextField,
+              {
+                ...params,
+                size: "small",
+                placeholder: "new value",
+                inputProps: {
+                  ...params.inputProps,
+                  ...stopAll.inputProps
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "contained",
+            onClick: addPair,
+            onPointerDown: (e) => e.stopPropagation(),
+            disabled: isAddDisabled,
+            className: "nodrag nowheel",
+            children: "Add"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Handle, { type: "target", position: Position.Top }),
+    /* @__PURE__ */ jsx(Handle, { type: "source", position: Position.Bottom })
+  ] });
+};
+
+export { ActionNode };
+//# sourceMappingURL=ActionNode.esm.js.map