@mesantosrai/pipeline-canvas 1.0.0

package/dist/components/PipelineNodeConfig.mjs

@@ -0,0 +1,1808 @@
+import { jsx as e, jsxs as a, Fragment as D } from "react/jsx-runtime";
+import { useEffect as ee, useState as X, useRef as _t } from "react";
+import { usePipelineStore as z } from "../store/pipelineStore.mjs";
+import { usePipelineContext as wt } from "../context/PipelineContext.mjs";
+import { ArrowLeft as kt, Play as Ct, X as oe, Trash2 as St, CheckCircle2 as jt, Info as Ot, AlertCircle as pt, Copy as Tt, Search as Pt, File as gt, Upload as At } from "lucide-react";
+import { Input as S } from "./ui/input.mjs";
+import { Label as w } from "./ui/label.mjs";
+import { Select as te, SelectTrigger as ae, SelectValue as se, SelectContent as re, SelectItem as k } from "./ui/select.mjs";
+import { Button as le } from "./ui/button.mjs";
+import { Alert as Dt, AlertDescription as Ft } from "./ui/alert.mjs";
+import { TooltipProvider as qt, Tooltip as Rt, TooltipTrigger as Ut, TooltipContent as Et } from "./ui/tooltip.mjs";
+const It = (m, W, ne, B) => {
+  var Y, G, t, M, I, Q, R, $, K, v, V, F;
+  const j = ne.filter((q) => q.target === m);
+  if (j.length === 0)
+    return { sourceNode: null, inputData: null };
+  const i = W.find((q) => q.id === j[0].source);
+  if (!i)
+    return { sourceNode: null, inputData: null };
+  if (B === "message_input_node" && i.result_metadata)
+    return {
+      sourceNode: i,
+      inputData: i.result_metadata
+    };
+  if (i.type === "input_node") {
+    const q = ((Y = i.result_metadata) == null ? void 0 : Y.file_info) || ((G = i.result_metadata) == null ? void 0 : G.data) || {
+      type: "pdb_file",
+      filename: (t = i.config) == null ? void 0 : t.filename,
+      file_id: (M = i.config) == null ? void 0 : M.file_id,
+      file_url: (I = i.config) == null ? void 0 : I.file_url,
+      chains: (Q = i.config) == null ? void 0 : Q.chains,
+      total_residues: (R = i.config) == null ? void 0 : R.total_residues,
+      suggested_contigs: ($ = i.config) == null ? void 0 : $.suggested_contigs,
+      chain_residue_counts: (K = i.config) == null ? void 0 : K.chain_residue_counts,
+      atoms: (v = i.config) == null ? void 0 : v.atoms
+    };
+    return {
+      sourceNode: i,
+      inputData: q
+    };
+  }
+  return (V = i.result_metadata) != null && V.output_file ? {
+    sourceNode: i,
+    inputData: {
+      type: "pdb_file",
+      output_file: i.result_metadata.output_file
+    }
+  } : i.type === "proteinmpnn_node" && ((F = i.result_metadata) != null && F.sequence) ? {
+    sourceNode: i,
+    inputData: {
+      type: "sequence",
+      sequence: i.result_metadata.sequence
+    }
+  } : i.result_metadata ? {
+    sourceNode: i,
+    inputData: i.result_metadata
+  } : { sourceNode: i, inputData: null };
+}, Wt = ({
+  nodeId: m,
+  onUpdate: W,
+  onDelete: ne,
+  onClose: B
+}) => {
+  var ue, me, fe, he, pe, ge, xe, ye, be, Ne, ve, _e, we, ke;
+  const { currentPipeline: j, currentExecution: i, executeSingleNode: Y } = z(), { getAuthHeaders: G } = wt(), t = j == null ? void 0 : j.nodes.find((r) => r.id === m);
+  ee(() => {
+    var r, c;
+    (t == null ? void 0 : t.type) === "input_node" && console.log("[PipelineNodeConfig] Node config updated:", {
+      nodeId: m,
+      hasConfig: !!t.config,
+      configKeys: t.config ? Object.keys(t.config) : null,
+      filename: (r = t.config) == null ? void 0 : r.filename,
+      file_id: (c = t.config) == null ? void 0 : c.file_id,
+      fullConfig: JSON.parse(JSON.stringify(t.config || {}))
+      // Deep clone to see current state
+    });
+  }, [m, (ue = t == null ? void 0 : t.config) == null ? void 0 : ue.filename, (me = t == null ? void 0 : t.config) == null ? void 0 : me.file_id, t == null ? void 0 : t.config]);
+  const [M, I] = X(null), [Q, R] = X(null), [$, K] = X(!1), [v, V] = X("parameters"), [F, q] = X("json"), Z = _t(null), s = i == null ? void 0 : i.logs.find(
+    (r) => r.nodeId === m
+  );
+  ee(() => {
+    var r, c, f, h, g, u, p, x, y, d;
+    (t == null ? void 0 : t.type) === "input_node" && v === "output" && console.log("[PipelineNodeConfig] Input node - Output tab opened:", {
+      nodeId: m,
+      hasNodeLog: !!s,
+      hasConfig: !!t.config,
+      hasFilename: !!((r = t.config) != null && r.filename),
+      hasFileId: !!((c = t.config) != null && c.file_id),
+      filename: (f = t.config) == null ? void 0 : f.filename,
+      fileId: (h = t.config) == null ? void 0 : h.file_id,
+      hasResultMetadata: !!t.result_metadata,
+      hasFileInfo: !!((g = t.result_metadata) != null && g.file_info),
+      hasResultData: !!((u = t.result_metadata) != null && u.data),
+      configKeys: t.config ? Object.keys(t.config) : null,
+      shouldShowOutput: !!(s || (p = t.config) != null && p.filename || (x = t.config) != null && x.file_id || (y = t.result_metadata) != null && y.file_info || (d = t.result_metadata) != null && d.data)
+    });
+  }, [m, t == null ? void 0 : t.type, v, t == null ? void 0 : t.config, t == null ? void 0 : t.result_metadata, s]), ee(() => {
+    var r, c;
+    (t == null ? void 0 : t.type) === "http_request_node" && console.log("[PipelineNodeConfig] nodeLog changed:", {
+      nodeId: m,
+      hasCurrentExecution: !!i,
+      currentExecutionId: i == null ? void 0 : i.id,
+      logsCount: ((r = i == null ? void 0 : i.logs) == null ? void 0 : r.length) || 0,
+      allLogNodeIds: ((c = i == null ? void 0 : i.logs) == null ? void 0 : c.map((f) => f.nodeId)) || [],
+      hasNodeLog: !!s,
+      nodeLogStatus: s == null ? void 0 : s.status,
+      nodeLogKeys: s ? Object.keys(s) : null,
+      nodeLogResponse: s == null ? void 0 : s.response,
+      nodeLogOutput: s == null ? void 0 : s.output,
+      activeTab: v,
+      fullNodeLog: s
+      // Log entire nodeLog for debugging
+    });
+  }, [m, t == null ? void 0 : t.type, i, s, v]), ee(() => {
+    var r, c, f, h, g, u, p, x, y, d;
+    (t == null ? void 0 : t.type) === "input_node" && console.log("[PipelineNodeConfig] Input node state:", {
+      nodeId: m,
+      activeTab: v,
+      hasNodeLog: !!s,
+      hasCurrentExecution: !!i,
+      hasConfig: !!t.config,
+      configKeys: t.config ? Object.keys(t.config) : null,
+      hasFilename: !!((r = t.config) != null && r.filename),
+      filename: (c = t.config) == null ? void 0 : c.filename,
+      hasFileId: !!((f = t.config) != null && f.file_id),
+      fileId: (h = t.config) == null ? void 0 : h.file_id,
+      hasResultMetadata: !!t.result_metadata,
+      hasFileInfo: !!((g = t.result_metadata) != null && g.file_info),
+      hasResultData: !!((u = t.result_metadata) != null && u.data),
+      shouldShowOutput: !!(s || (p = t.config) != null && p.filename || (x = t.config) != null && x.file_id || (y = t.result_metadata) != null && y.file_info || (d = t.result_metadata) != null && d.data),
+      fullConfig: t.config,
+      fullResultMetadata: t.result_metadata
+    });
+  }, [m, t == null ? void 0 : t.type, v, t == null ? void 0 : t.config, t == null ? void 0 : t.result_metadata, s, i]);
+  const { sourceNode: L, inputData: _ } = j ? It(m, j.nodes, j.edges, t == null ? void 0 : t.type) : { sourceNode: null, inputData: null }, ce = (t == null ? void 0 : t.type) !== "input_node" && (j == null ? void 0 : j.edges.some((r) => r.target === m));
+  if (!t)
+    return /* @__PURE__ */ e("div", { className: "text-sm text-gray-400", children: "Node not found" });
+  const n = (r, c) => {
+    var u;
+    const f = (u = z.getState().currentPipeline) == null ? void 0 : u.nodes.find((p) => p.id === m), h = (f == null ? void 0 : f.config) || t.config || {}, g = {
+      ...h,
+      [r]: c
+    };
+    (t == null ? void 0 : t.type) === "input_node" && console.log("[PipelineNodeConfig] handleConfigChange for input node:", {
+      nodeId: m,
+      key: r,
+      value: c,
+      oldConfig: h,
+      newConfig: g,
+      usingLatestNode: f !== t
+    }), W({
+      config: g
+    }), setTimeout(() => {
+      var p, x, y;
+      if ((t == null ? void 0 : t.type) === "input_node") {
+        const d = (p = z.getState().currentPipeline) == null ? void 0 : p.nodes.find((C) => C.id === m);
+        console.log("[PipelineNodeConfig] After onUpdate - checking store:", {
+          nodeId: m,
+          hasUpdatedNode: !!d,
+          updatedConfig: d == null ? void 0 : d.config,
+          updatedFilename: (x = d == null ? void 0 : d.config) == null ? void 0 : x.filename,
+          updatedFileId: (y = d == null ? void 0 : d.config) == null ? void 0 : y.file_id
+        });
+      }
+    }, 100);
+  }, xt = async (r) => {
+    var c;
+    I(r), R(null), K(!0);
+    try {
+      const f = new FormData();
+      f.append("file", r);
+      const h = G ? G() : {}, g = await fetch("/api/upload/pdb", {
+        method: "POST",
+        headers: h,
+        body: f
+      });
+      if (!g.ok) {
+        const d = await g.json();
+        throw new Error(d.detail || "Upload failed");
+      }
+      const u = await g.json();
+      console.log("[PipelineNodeConfig] File upload result:", {
+        nodeId: m,
+        result: u,
+        fileInfo: u.file_info
+      });
+      const p = (c = z.getState().currentPipeline) == null ? void 0 : c.nodes.find((d) => d.id === m), x = (p == null ? void 0 : p.config) || t.config || {}, y = {
+        ...x,
+        filename: u.file_info.filename,
+        file_id: u.file_info.file_id,
+        file_url: u.file_info.file_url,
+        ...u.file_info.chain_residue_counts && { chain_residue_counts: u.file_info.chain_residue_counts },
+        ...u.file_info.total_residues && { total_residues: u.file_info.total_residues },
+        ...u.file_info.suggested_contigs && { suggested_contigs: u.file_info.suggested_contigs },
+        ...u.file_info.chains && { chains: u.file_info.chains },
+        ...u.file_info.atoms && { atoms: u.file_info.atoms }
+      };
+      console.log("[PipelineNodeConfig] Updating config with all values at once:", {
+        nodeId: m,
+        currentConfig: x,
+        updatedConfig: y
+      }), W({
+        config: y
+      }), console.log("[PipelineNodeConfig] After onUpdate call:", {
+        nodeId: m,
+        filename: u.file_info.filename,
+        file_id: u.file_info.file_id
+      }), setTimeout(() => {
+        var C, O, T;
+        const d = (C = z.getState().currentPipeline) == null ? void 0 : C.nodes.find((P) => P.id === m);
+        console.log("[PipelineNodeConfig] After onUpdate - verifying store:", {
+          nodeId: m,
+          hasUpdatedNode: !!d,
+          updatedConfig: d == null ? void 0 : d.config,
+          updatedFilename: (O = d == null ? void 0 : d.config) == null ? void 0 : O.filename,
+          updatedFileId: (T = d == null ? void 0 : d.config) == null ? void 0 : T.file_id
+        });
+      }, 100), I(null), K(!1);
+    } catch (f) {
+      const h = f instanceof Error ? f.message : "Failed to upload file";
+      R(h), K(!1), I(null);
+    }
+  }, de = () => {
+    I(null), R(null), n("filename", ""), n("file_id", ""), n("file_url", ""), n("chain_residue_counts", {}), n("total_residues", 0), n("suggested_contigs", ""), n("chains", []), n("atoms", 0), Z.current && (Z.current.value = "");
+  }, yt = (r) => {
+    var f;
+    const c = (f = r.target.files) == null ? void 0 : f[0];
+    if (c) {
+      if (!c.name.toLowerCase().endsWith(".pdb")) {
+        R("Please select a PDB file (.pdb extension required)");
+        return;
+      }
+      const h = 10 * 1024 * 1024;
+      if (c.size > h) {
+        R("File too large. Maximum size is 10MB.");
+        return;
+      }
+      xt(c);
+    }
+    r.target.value = "";
+  }, bt = () => {
+    var r;
+    (r = Z.current) == null || r.click();
+  }, o = "w-full px-3 py-2 text-sm bg-gray-800/50 border border-gray-600/50 rounded-lg text-gray-200 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500/50 focus:border-blue-500/50 transition-colors", ie = () => {
+    Y(m);
+  }, Nt = () => {
+    var r, c, f, h, g, u, p, x, y, d, C, O, T, P, U, E, b, N, A, J, H, Ce, Se, je, Oe, Te, Pe, Ae, De, Fe, qe, Re, Ue, Ee, Ie, Je, He, Be, Me, $e, Ke, Ve, ze, Ge, Qe, Xe, We, Ye, Ze, Le, et, tt, at, st, rt, lt, nt, it, ot, ct, dt, ut, mt, ft, ht;
+    switch (t.type) {
+      case "input_node":
+        return /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "PDB File" }),
+            /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+              M ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2 px-3 py-2 bg-gray-800/50 border border-gray-600/50 rounded-lg", children: [
+                /* @__PURE__ */ e(gt, { className: "w-4 h-4 text-blue-400 flex-shrink-0" }),
+                /* @__PURE__ */ e("span", { className: "text-xs text-gray-200 flex-1 truncate", title: M.name, children: M.name }),
+                $ ? /* @__PURE__ */ e("span", { className: "text-xs text-gray-400", children: "Uploading..." }) : /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: de,
+                    disabled: $,
+                    className: "p-1 hover:bg-gray-700/50 rounded disabled:opacity-50 transition-colors",
+                    title: "Remove file",
+                    children: /* @__PURE__ */ e(oe, { className: "w-3 h-3 text-gray-400" })
+                  }
+                )
+              ] }) : (r = t.config) != null && r.filename ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2 px-3 py-2 bg-gray-800/30 border border-gray-700/50 rounded-lg", children: [
+                /* @__PURE__ */ e(gt, { className: "w-4 h-4 text-green-400 flex-shrink-0" }),
+                /* @__PURE__ */ e("span", { className: "text-xs text-gray-300 flex-1 truncate", title: t.config.filename, children: t.config.filename }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: de,
+                    className: "p-1 hover:bg-gray-700/50 rounded transition-colors",
+                    title: "Remove file",
+                    children: /* @__PURE__ */ e(oe, { className: "w-3 h-3 text-gray-400" })
+                  }
+                )
+              ] }) : /* @__PURE__ */ a(
+                le,
+                {
+                  type: "button",
+                  onClick: bt,
+                  disabled: $,
+                  variant: "outline",
+                  className: "w-full bg-gray-800/50 border-gray-600/50 text-gray-200 hover:bg-gray-800/70",
+                  children: [
+                    /* @__PURE__ */ e(At, { className: "w-4 h-4 mr-2" }),
+                    "Upload PDB File"
+                  ]
+                }
+              ),
+              Q && /* @__PURE__ */ a(Dt, { variant: "destructive", className: "mt-2", children: [
+                /* @__PURE__ */ e(pt, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e(Ft, { className: "text-xs", children: Q })
+              ] }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: Z,
+                  type: "file",
+                  accept: ".pdb",
+                  onChange: yt,
+                  className: "hidden"
+                }
+              )
+            ] })
+          ] }),
+          ((c = t.config) == null ? void 0 : c.filename) && ((f = t.config) == null ? void 0 : f.total_residues) && /* @__PURE__ */ a("div", { className: "space-y-3 pt-2 border-t border-gray-700/50", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Structure Information" }),
+              /* @__PURE__ */ a("div", { className: "bg-gray-800/30 rounded-lg p-3 space-y-2 text-xs", children: [
+                /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
+                  /* @__PURE__ */ e("span", { className: "text-gray-500", children: "Total Residues:" }),
+                  /* @__PURE__ */ e("span", { className: "text-gray-200 font-medium", children: t.config.total_residues })
+                ] }),
+                /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
+                  /* @__PURE__ */ e("span", { className: "text-gray-500", children: "Atoms:" }),
+                  /* @__PURE__ */ e("span", { className: "text-gray-200 font-medium", children: t.config.atoms || "N/A" })
+                ] }),
+                /* @__PURE__ */ a("div", { className: "flex justify-between", children: [
+                  /* @__PURE__ */ e("span", { className: "text-gray-500", children: "Chains:" }),
+                  /* @__PURE__ */ e("span", { className: "text-gray-200 font-medium", children: Array.isArray(t.config.chains) ? t.config.chains.join(", ") : "N/A" })
+                ] }),
+                t.config.chain_residue_counts && typeof t.config.chain_residue_counts == "object" && /* @__PURE__ */ a("div", { className: "pt-2 border-t border-gray-700/30", children: [
+                  /* @__PURE__ */ e("span", { className: "text-gray-500 block mb-1", children: "Residues per Chain:" }),
+                  /* @__PURE__ */ e("div", { className: "space-y-1", children: Object.entries(t.config.chain_residue_counts).map(([l, vt]) => /* @__PURE__ */ a("div", { className: "flex justify-between pl-2", children: [
+                    /* @__PURE__ */ a("span", { className: "text-gray-400", children: [
+                      "Chain ",
+                      l,
+                      ":"
+                    ] }),
+                    /* @__PURE__ */ a("span", { className: "text-gray-200", children: [
+                      vt,
+                      " residues"
+                    ] })
+                  ] }, l)) })
+                ] })
+              ] })
+            ] }),
+            ((h = t.config) == null ? void 0 : h.suggested_contigs) && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Suggested RFdiffusion Parameters" }),
+              /* @__PURE__ */ a("div", { className: "bg-blue-900/20 border border-blue-700/30 rounded-lg p-3 space-y-2 text-xs", children: [
+                /* @__PURE__ */ a("div", { className: "flex items-start gap-2", children: [
+                  /* @__PURE__ */ e("span", { className: "text-blue-400 font-medium", children: "Contigs:" }),
+                  /* @__PURE__ */ e("code", { className: "flex-1 text-blue-300 bg-gray-900/50 px-2 py-1 rounded font-mono", children: t.config.suggested_contigs })
+                ] }),
+                /* @__PURE__ */ e("p", { className: "text-gray-400 text-xs mt-2", children: "This suggestion is based on your PDB structure. You can use this value in RFdiffusion nodes connected to this input." })
+              ] })
+            ] })
+          ] })
+        ] });
+      case "rfdiffusion_node":
+        return /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Method" }),
+            /* @__PURE__ */ a(
+              te,
+              {
+                value: ((g = t.config) == null ? void 0 : g.method) || "POST",
+                onValueChange: (l) => n("method", l),
+                children: [
+                  /* @__PURE__ */ e(ae, { className: o, children: /* @__PURE__ */ e(se, {}) }),
+                  /* @__PURE__ */ a(re, { children: [
+                    /* @__PURE__ */ e(k, { value: "GET", children: "GET" }),
+                    /* @__PURE__ */ e(k, { value: "POST", children: "POST" }),
+                    /* @__PURE__ */ e(k, { value: "PUT", children: "PUT" }),
+                    /* @__PURE__ */ e(k, { value: "PATCH", children: "PATCH" }),
+                    /* @__PURE__ */ e(k, { value: "DELETE", children: "DELETE" })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "URL" }),
+            /* @__PURE__ */ e(
+              S,
+              {
+                type: "text",
+                value: ((u = t.config) == null ? void 0 : u.url) || "/rfdiffusion/run",
+                onChange: (l) => n("url", l.target.value),
+                className: o,
+                placeholder: "/rfdiffusion/run"
+              }
+            ),
+            /* @__PURE__ */ e(qt, { children: /* @__PURE__ */ a(Rt, { children: [
+              /* @__PURE__ */ e(Ut, { asChild: !0, children: /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5 cursor-help", children: "API endpoint URL (relative or absolute)" }) }),
+              /* @__PURE__ */ e(Et, { children: /* @__PURE__ */ e("p", { children: "Enter the API endpoint URL. Can be relative (e.g., /api/endpoint) or absolute (e.g., https://api.example.com/endpoint)" }) })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "API Key" }),
+            /* @__PURE__ */ e(
+              S,
+              {
+                type: "password",
+                value: ((p = t.config) == null ? void 0 : p.api_key) || "",
+                onChange: (l) => n("api_key", l.target.value),
+                className: o,
+                placeholder: "Enter NVIDIA API key (optional)"
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "Leave empty to use global API key from settings" })
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Design Mode" }),
+            /* @__PURE__ */ a(
+              te,
+              {
+                value: ((x = t.config) == null ? void 0 : x.design_mode) || "unconditional",
+                onValueChange: (l) => n("design_mode", l),
+                children: [
+                  /* @__PURE__ */ e(ae, { className: o, children: /* @__PURE__ */ e(se, {}) }),
+                  /* @__PURE__ */ a(re, { children: [
+                    /* @__PURE__ */ e(k, { value: "unconditional", children: "Unconditional Design" }),
+                    /* @__PURE__ */ e(k, { value: "motif_scaffolding", children: "Motif Scaffolding" }),
+                    /* @__PURE__ */ e(k, { value: "partial_diffusion", children: "Partial Diffusion" })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "Unconditional: new proteins | Motif: around structures | Partial: modify regions" })
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "PDB ID (optional)" }),
+            /* @__PURE__ */ e(
+              S,
+              {
+                type: "text",
+                value: ((y = t.config) == null ? void 0 : y.pdb_id) || "",
+                onChange: (l) => n("pdb_id", l.target.value),
+                className: o,
+                placeholder: "e.g., 1R42"
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "Optional PDB ID to use as template (4-character code)" })
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Contigs *" }),
+            /* @__PURE__ */ e(
+              S,
+              {
+                type: "text",
+                value: ((d = t.config) == null ? void 0 : d.contigs) || "A50-150",
+                onChange: (l) => n("contigs", l.target.value),
+                className: o,
+                placeholder: "A50-150"
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: 'Contig specification (e.g., "A50-150" or "A20-60/0 50-100")' })
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Hotspot Residues (optional)" }),
+            /* @__PURE__ */ e(
+              S,
+              {
+                type: "text",
+                value: ((C = t.config) == null ? void 0 : C.hotspot_res) || "",
+                onChange: (l) => n("hotspot_res", l.target.value),
+                className: o,
+                placeholder: "A50, A51, A52"
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: 'Comma-separated list of residues to preserve (e.g., "A50, A51, A52")' })
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Diffusion Steps" }),
+            /* @__PURE__ */ e(
+              S,
+              {
+                type: "number",
+                min: "1",
+                max: "100",
+                value: ((O = t.config) == null ? void 0 : O.diffusion_steps) || 15,
+                onChange: (l) => n("diffusion_steps", parseInt(l.target.value) || 15),
+                className: o
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "Number of diffusion steps (1-100, higher = better quality but slower)" })
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Number of Designs" }),
+            /* @__PURE__ */ e(
+              S,
+              {
+                type: "number",
+                min: "1",
+                max: "10",
+                value: ((T = t.config) == null ? void 0 : T.num_designs) || 1,
+                onChange: (l) => n("num_designs", parseInt(l.target.value) || 1),
+                className: o
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "Number of design variants to generate (1-10)" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Send Query Parameters" }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "Include query parameters in the URL" })
+            ] }),
+            /* @__PURE__ */ a("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: ((P = t.config) == null ? void 0 : P.send_query_params) || !1,
+                  onChange: (l) => n("send_query_params", l.target.checked),
+                  className: "sr-only peer"
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600" })
+            ] })
+          ] }),
+          ((U = t.config) == null ? void 0 : U.send_query_params) && /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Query Parameters" }),
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                value: ((E = t.config) == null ? void 0 : E.query_params) || "{}",
+                onChange: (l) => n("query_params", l.target.value),
+                className: `${o} font-mono text-xs`,
+                rows: 3,
+                placeholder: '{"key": "value"}'
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "JSON object with query parameters" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Send Headers" }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "Include custom headers in the request" })
+            ] }),
+            /* @__PURE__ */ a("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: ((b = t.config) == null ? void 0 : b.send_headers) !== !1,
+                  onChange: (l) => n("send_headers", l.target.checked),
+                  className: "sr-only peer"
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600" })
+            ] })
+          ] }),
+          ((N = t.config) == null ? void 0 : N.send_headers) !== !1 && /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Custom Headers" }),
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                value: ((A = t.config) == null ? void 0 : A.custom_headers) || "{}",
+                onChange: (l) => n("custom_headers", l.target.value),
+                className: `${o} font-mono text-xs`,
+                rows: 3,
+                placeholder: '{"Content-Type": "application/json"}'
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "JSON object with custom headers" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Send Body" }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "Include request body" })
+            ] }),
+            /* @__PURE__ */ a("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: ((J = t.config) == null ? void 0 : J.send_body) !== !1,
+                  onChange: (l) => n("send_body", l.target.checked),
+                  className: "sr-only peer"
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600" })
+            ] })
+          ] }),
+          ((H = t.config) == null ? void 0 : H.send_body) !== !1 && /* @__PURE__ */ a(D, { children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Body Content Type" }),
+              /* @__PURE__ */ a(
+                te,
+                {
+                  value: ((Ce = t.config) == null ? void 0 : Ce.body_content_type) || "json",
+                  onValueChange: (l) => n("body_content_type", l),
+                  children: [
+                    /* @__PURE__ */ e(ae, { className: o, children: /* @__PURE__ */ e(se, {}) }),
+                    /* @__PURE__ */ a(re, { children: [
+                      /* @__PURE__ */ e(k, { value: "json", children: "JSON" }),
+                      /* @__PURE__ */ e(k, { value: "form-data", children: "Form Data" }),
+                      /* @__PURE__ */ e(k, { value: "x-www-form-urlencoded", children: "Form URL Encoded" }),
+                      /* @__PURE__ */ e(k, { value: "raw", children: "Raw" })
+                    ] })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Specify Body" }),
+              /* @__PURE__ */ a(
+                te,
+                {
+                  value: ((Se = t.config) == null ? void 0 : Se.body_specify) || "json",
+                  onValueChange: (l) => n("body_specify", l),
+                  children: [
+                    /* @__PURE__ */ e(ae, { className: o, children: /* @__PURE__ */ e(se, {}) }),
+                    /* @__PURE__ */ a(re, { children: [
+                      /* @__PURE__ */ e(k, { value: "json", children: "Using JSON" }),
+                      /* @__PURE__ */ e(k, { value: "expression", children: "Using Expression" }),
+                      /* @__PURE__ */ e(k, { value: "fixed", children: "Fixed" })
+                    ] })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "JSON" }),
+              /* @__PURE__ */ e(
+                "textarea",
+                {
+                  value: ((je = t.config) == null ? void 0 : je.body_json) || `{
+  "pdb_file": "{{input.target}}",
+  "contigs": "{{config.contigs}}",
+  "num_designs": "{{config.num_designs}}"
+}`,
+                  onChange: (l) => n("body_json", l.target.value),
+                  className: `${o} font-mono text-xs`,
+                  rows: 6,
+                  placeholder: '{"pdb_file": "{{input.target}}", "contigs": "{{config.contigs}}"}'
+                }
+              ),
+              /* @__PURE__ */ a("p", { className: "text-xs text-gray-500 mt-1.5", children: [
+                "JSON body content (supports template variables like ",
+                "{{input.target}}",
+                ")"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "border-t border-gray-700 pt-4 mt-4", children: [
+            /* @__PURE__ */ e("p", { className: "text-xs font-medium text-gray-400 mb-3", children: "Legacy Parameters" }),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Contigs" }),
+              /* @__PURE__ */ e(
+                S,
+                {
+                  type: "text",
+                  value: ((Oe = t.config) == null ? void 0 : Oe.contigs) || "50",
+                  onChange: (l) => n("contigs", l.target.value),
+                  className: o,
+                  placeholder: "50"
+                }
+              ),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: 'Contig specification (e.g., "50" or "A1-50")' })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "mt-4", children: [
+              /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Number of Designs" }),
+              /* @__PURE__ */ e(
+                S,
+                {
+                  type: "number",
+                  value: ((Te = t.config) == null ? void 0 : Te.num_designs) || 1,
+                  onChange: (l) => n("num_designs", parseInt(l.target.value) || 1),
+                  className: o,
+                  min: "1",
+                  max: "10"
+                }
+              )
+            ] })
+          ] })
+        ] });
+      case "proteinmpnn_node":
+        return /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Number of Sequences" }),
+            /* @__PURE__ */ e(
+              S,
+              {
+                type: "number",
+                value: ((Pe = t.config) == null ? void 0 : Pe.num_sequences) || 8,
+                onChange: (l) => n("num_sequences", parseInt(l.target.value) || 8),
+                className: o,
+                min: "1",
+                max: "100"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Temperature" }),
+            /* @__PURE__ */ e(
+              S,
+              {
+                type: "number",
+                step: "0.1",
+                value: ((Ae = t.config) == null ? void 0 : Ae.temperature) || 0.1,
+                onChange: (l) => n("temperature", parseFloat(l.target.value) || 0.1),
+                className: o,
+                min: "0.1",
+                max: "1.0"
+              }
+            )
+          ] })
+        ] });
+      case "alphafold_node":
+        return /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Recycle Count" }),
+            /* @__PURE__ */ e(
+              S,
+              {
+                type: "number",
+                value: ((De = t.config) == null ? void 0 : De.recycle_count) || 3,
+                onChange: (l) => n("recycle_count", parseInt(l.target.value) || 3),
+                className: o,
+                min: "1",
+                max: "20"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e(w, { className: "text-xs font-medium text-gray-400 mb-2", children: "Number of Relax Steps" }),
+            /* @__PURE__ */ e(
+              S,
+              {
+                type: "number",
+                value: ((Fe = t.config) == null ? void 0 : Fe.num_relax) || 0,
+                onChange: (l) => n("num_relax", parseInt(l.target.value) || 0),
+                className: o,
+                min: "0",
+                max: "10"
+              }
+            )
+          ] })
+        ] });
+      case "message_input_node":
+        return /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Code" }),
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                value: ((qe = t.config) == null ? void 0 : qe.code) || "",
+                onChange: (l) => n("code", l.target.value),
+                className: `${o} font-mono text-xs`,
+                rows: 16,
+                placeholder: `// Access input data via 'input' object
+// Access node config via 'config' object
+// Access node metadata via 'node' object
+// IMPORTANT: Return a value to see it in the OUTPUT panel
+// console.log() outputs to browser console (F12), not the OUTPUT panel
+
+const message = config.message || 'Hello from code execution!';
+console.log('[Code Execution]', message); // This goes to browser console
+
+// Return value to see it in OUTPUT panel
+return {
+  message: message,
+  executedAt: new Date().toISOString(),
+  inputKeys: Object.keys(input),
+  configKeys: Object.keys(config)
+};`
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "JavaScript code to execute. Use 'input' for input data, 'config' for node config, and 'node' for node metadata. Return the result." }),
+            /* @__PURE__ */ e("div", { className: "mt-2 px-3 py-2 bg-yellow-900/20 border border-yellow-700/30 rounded-lg", children: /* @__PURE__ */ e("p", { className: "text-xs text-yellow-300", children: "💡 Type $ for a list of special vars/methods. Debug by using console.log() statements and viewing their output in the browser console." }) })
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ a("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: [
+              "Message ",
+              /* @__PURE__ */ e("span", { className: "text-gray-600", children: "(Optional)" })
+            ] }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: ((Re = t.config) == null ? void 0 : Re.message) || "",
+                onChange: (l) => n("message", l.target.value),
+                className: o,
+                placeholder: "Enter a message..."
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "Optional message that can be accessed in code via config.message" })
+          ] })
+        ] });
+      case "http_request_node":
+        return /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Method" }),
+            /* @__PURE__ */ a(
+              "select",
+              {
+                value: ((Ue = t.config) == null ? void 0 : Ue.method) || "GET",
+                onChange: (l) => n("method", l.target.value),
+                className: o,
+                children: [
+                  /* @__PURE__ */ e("option", { value: "GET", children: "GET" }),
+                  /* @__PURE__ */ e("option", { value: "POST", children: "POST" }),
+                  /* @__PURE__ */ e("option", { value: "PUT", children: "PUT" }),
+                  /* @__PURE__ */ e("option", { value: "PATCH", children: "PATCH" }),
+                  /* @__PURE__ */ e("option", { value: "DELETE", children: "DELETE" }),
+                  /* @__PURE__ */ e("option", { value: "HEAD", children: "HEAD" }),
+                  /* @__PURE__ */ e("option", { value: "OPTIONS", children: "OPTIONS" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "URL" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: ((Ee = t.config) == null ? void 0 : Ee.url) || "https://jsonplaceholder.typicode.com/todos/1",
+                onChange: (l) => n("url", l.target.value),
+                className: o,
+                placeholder: "https://api.example.com/endpoint"
+              }
+            ),
+            /* @__PURE__ */ a("p", { className: "text-xs text-gray-500 mt-1.5", children: [
+              "Full URL for the HTTP request (supports template variables like ",
+              "{{input.field}}",
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Authentication" }),
+            /* @__PURE__ */ a(
+              "select",
+              {
+                value: ((Ie = t.config) == null ? void 0 : Ie.authentication) || "none",
+                onChange: (l) => n("authentication", l.target.value),
+                className: o,
+                children: [
+                  /* @__PURE__ */ e("option", { value: "none", children: "None" }),
+                  /* @__PURE__ */ e("option", { value: "basic", children: "Basic Auth" }),
+                  /* @__PURE__ */ e("option", { value: "bearer", children: "Bearer Token" }),
+                  /* @__PURE__ */ e("option", { value: "custom", children: "Custom Header" })
+                ]
+              }
+            )
+          ] }),
+          ((Je = t.config) == null ? void 0 : Je.authentication) === "basic" && /* @__PURE__ */ a(D, { children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Username" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "text",
+                  value: ((He = t.config) == null ? void 0 : He.basic_auth_username) || "",
+                  onChange: (l) => n("basic_auth_username", l.target.value),
+                  className: o,
+                  placeholder: "Username"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Password" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "password",
+                  value: ((Be = t.config) == null ? void 0 : Be.basic_auth_password) || "",
+                  onChange: (l) => n("basic_auth_password", l.target.value),
+                  className: o,
+                  placeholder: "Password"
+                }
+              )
+            ] })
+          ] }),
+          ((Me = t.config) == null ? void 0 : Me.authentication) === "bearer" && /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Bearer Token" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "password",
+                value: (($e = t.config) == null ? void 0 : $e.bearer_token) || "",
+                onChange: (l) => n("bearer_token", l.target.value),
+                className: o,
+                placeholder: "Bearer token"
+              }
+            )
+          ] }),
+          ((Ke = t.config) == null ? void 0 : Ke.authentication) === "custom" && /* @__PURE__ */ a(D, { children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Header Name" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "text",
+                  value: ((Ve = t.config) == null ? void 0 : Ve.custom_auth_header_name) || "Authorization",
+                  onChange: (l) => n("custom_auth_header_name", l.target.value),
+                  className: o,
+                  placeholder: "Header name"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Header Value" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "password",
+                  value: ((ze = t.config) == null ? void 0 : ze.custom_auth_header_value) || "",
+                  onChange: (l) => n("custom_auth_header_value", l.target.value),
+                  className: o,
+                  placeholder: "Header value"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Send Query Parameters" }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "Include query parameters in the URL" })
+            ] }),
+            /* @__PURE__ */ a("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: ((Ge = t.config) == null ? void 0 : Ge.send_query_params) || !1,
+                  onChange: (l) => n("send_query_params", l.target.checked),
+                  className: "sr-only peer"
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600" })
+            ] })
+          ] }),
+          ((Qe = t.config) == null ? void 0 : Qe.send_query_params) && /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Query Parameters" }),
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                value: ((Xe = t.config) == null ? void 0 : Xe.query_params) || "{}",
+                onChange: (l) => n("query_params", l.target.value),
+                className: `${o} font-mono text-xs`,
+                rows: 3,
+                placeholder: '{"key": "value", "page": 1}'
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "JSON object with query parameters" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Send Headers" }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "Include custom headers in the request" })
+            ] }),
+            /* @__PURE__ */ a("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: ((We = t.config) == null ? void 0 : We.send_headers) || !1,
+                  onChange: (l) => n("send_headers", l.target.checked),
+                  className: "sr-only peer"
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600" })
+            ] })
+          ] }),
+          ((Ye = t.config) == null ? void 0 : Ye.send_headers) && /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Custom Headers" }),
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                value: ((Ze = t.config) == null ? void 0 : Ze.custom_headers) || "{}",
+                onChange: (l) => n("custom_headers", l.target.value),
+                className: `${o} font-mono text-xs`,
+                rows: 3,
+                placeholder: '{"Content-Type": "application/json", "X-Custom-Header": "value"}'
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "JSON object with custom headers" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Send Body" }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "Include request body (only for POST, PUT, PATCH methods)" })
+            ] }),
+            /* @__PURE__ */ a("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: ((Le = t.config) == null ? void 0 : Le.send_body) || !1,
+                  onChange: (l) => n("send_body", l.target.checked),
+                  className: "sr-only peer"
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600" })
+            ] })
+          ] }),
+          ((et = t.config) == null ? void 0 : et.send_body) && /* @__PURE__ */ a(D, { children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Body Content Type" }),
+              /* @__PURE__ */ a(
+                "select",
+                {
+                  value: ((tt = t.config) == null ? void 0 : tt.body_content_type) || "json",
+                  onChange: (l) => n("body_content_type", l.target.value),
+                  className: o,
+                  children: [
+                    /* @__PURE__ */ e("option", { value: "json", children: "JSON" }),
+                    /* @__PURE__ */ e("option", { value: "form-data", children: "Form Data" }),
+                    /* @__PURE__ */ e("option", { value: "x-www-form-urlencoded", children: "Form URL Encoded" }),
+                    /* @__PURE__ */ e("option", { value: "raw", children: "Raw" }),
+                    /* @__PURE__ */ e("option", { value: "text", children: "Text" }),
+                    /* @__PURE__ */ e("option", { value: "xml", children: "XML" })
+                  ]
+                }
+              )
+            ] }),
+            (((at = t.config) == null ? void 0 : at.body_content_type) === "json" || !((st = t.config) != null && st.body_content_type)) && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Specify Body" }),
+              /* @__PURE__ */ a(
+                "select",
+                {
+                  value: ((rt = t.config) == null ? void 0 : rt.body_specify) || "json",
+                  onChange: (l) => n("body_specify", l.target.value),
+                  className: o,
+                  children: [
+                    /* @__PURE__ */ e("option", { value: "json", children: "Using JSON" }),
+                    /* @__PURE__ */ e("option", { value: "expression", children: "Using Expression" }),
+                    /* @__PURE__ */ e("option", { value: "fixed", children: "Fixed" })
+                  ]
+                }
+              )
+            ] }),
+            (((lt = t.config) == null ? void 0 : lt.body_content_type) === "json" || !((nt = t.config) != null && nt.body_content_type)) && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "JSON" }),
+              /* @__PURE__ */ e(
+                "textarea",
+                {
+                  value: ((it = t.config) == null ? void 0 : it.body_json) || "",
+                  onChange: (l) => n("body_json", l.target.value),
+                  className: `${o} font-mono text-xs`,
+                  rows: 6,
+                  placeholder: '{"key": "value"} or use template variables like {{input.field}}'
+                }
+              ),
+              /* @__PURE__ */ a("p", { className: "text-xs text-gray-500 mt-1.5", children: [
+                "JSON body content (supports template variables like ",
+                "{{input.field}}",
+                ")"
+              ] })
+            ] }),
+            (((ot = t.config) == null ? void 0 : ot.body_content_type) === "raw" || ((ct = t.config) == null ? void 0 : ct.body_content_type) === "text" || ((dt = t.config) == null ? void 0 : dt.body_content_type) === "xml") && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Raw Body" }),
+              /* @__PURE__ */ e(
+                "textarea",
+                {
+                  value: ((ut = t.config) == null ? void 0 : ut.body_raw) || "",
+                  onChange: (l) => n("body_raw", l.target.value),
+                  className: `${o} font-mono text-xs`,
+                  rows: 6,
+                  placeholder: "Raw body content"
+                }
+              ),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "Raw body content (for raw, text, or XML content types)" })
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "border-t border-gray-700 pt-4 mt-4", children: [
+            /* @__PURE__ */ e("p", { className: "text-xs font-medium text-gray-400 mb-3", children: "Options" }),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Timeout (ms)" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "number",
+                  value: ((mt = t.config) == null ? void 0 : mt.options_timeout) || 3e4,
+                  onChange: (l) => n("options_timeout", parseInt(l.target.value) || 3e4),
+                  className: o,
+                  min: "1000",
+                  max: "300000"
+                }
+              ),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "Request timeout in milliseconds (default: 30000)" })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "mt-4 flex items-center justify-between", children: [
+              /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Follow Redirects" }),
+                /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "Automatically follow HTTP redirects" })
+              ] }),
+              /* @__PURE__ */ a("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: ((ft = t.config) == null ? void 0 : ft.options_follow_redirects) !== !1,
+                    onChange: (l) => n("options_follow_redirects", l.target.checked),
+                    className: "sr-only peer"
+                  }
+                ),
+                /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600" })
+              ] })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "mt-4 flex items-center justify-between", children: [
+              /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Ignore SSL Errors" }),
+                /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "Ignore SSL certificate errors (not recommended for production)" })
+              ] }),
+              /* @__PURE__ */ a("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: ((ht = t.config) == null ? void 0 : ht.options_ignore_ssl_errors) || !1,
+                    onChange: (l) => n("options_ignore_ssl_errors", l.target.checked),
+                    className: "sr-only peer"
+                  }
+                ),
+                /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "mt-4 px-3 py-2 bg-amber-900/20 border border-amber-700/30 rounded-lg", children: /* @__PURE__ */ e("p", { className: "text-xs text-amber-300", children: "You can view the raw requests this node makes in your browser's developer console." }) })
+        ] });
+      default:
+        return /* @__PURE__ */ e("div", { className: "text-sm text-gray-400", children: "No configuration available" });
+    }
+  };
+  return /* @__PURE__ */ a("div", { className: "h-full flex flex-col bg-[#1e1e32]", children: [
+    /* @__PURE__ */ a("div", { className: "px-4 py-3 border-b border-gray-700/50 bg-gray-800/30 flex items-center justify-between", children: [
+      /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
+        B && /* @__PURE__ */ e(
+          le,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: B,
+            className: "text-gray-400 hover:text-gray-200",
+            children: /* @__PURE__ */ e(kt, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-gray-200", children: t.label }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: t.type })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a(
+          le,
+          {
+            onClick: ie,
+            size: "sm",
+            className: "bg-orange-600 hover:bg-orange-500 text-white",
+            children: [
+              /* @__PURE__ */ e(Ct, { className: "w-3.5 h-3.5 mr-1.5" }),
+              "Execute step"
+            ]
+          }
+        ),
+        B && /* @__PURE__ */ e(
+          le,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: B,
+            className: "text-gray-400 hover:text-gray-200",
+            title: "Close panel",
+            children: /* @__PURE__ */ e(oe, { className: "w-4 h-4" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "px-4 border-b border-gray-700/50 flex items-center gap-1", children: [
+      /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: () => V("parameters"),
+          className: `px-3 py-2 text-xs font-medium transition-colors relative ${v === "parameters" ? "text-gray-200" : "text-gray-500 hover:text-gray-300"}`,
+          children: [
+            "Parameters",
+            v === "parameters" && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 h-0.5 bg-red-500" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: () => V("settings"),
+          className: `px-3 py-2 text-xs font-medium transition-colors relative ${v === "settings" ? "text-gray-200" : "text-gray-500 hover:text-gray-300"}`,
+          children: [
+            "Settings",
+            v === "settings" && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 h-0.5 bg-red-500" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: () => V("output"),
+          className: `px-3 py-2 text-xs font-medium transition-colors relative ${v === "output" ? "text-gray-200" : "text-gray-500 hover:text-gray-300"}`,
+          children: [
+            "Output",
+            v === "output" && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 h-0.5 bg-red-500" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        "a",
+        {
+          href: "#",
+          className: "ml-auto text-xs text-gray-500 hover:text-gray-400 transition-colors",
+          children: "Docs"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { className: "flex-1 flex min-h-0", children: [
+      /* @__PURE__ */ a("div", { className: "w-[25%] min-w-[200px] max-w-[300px] border-r border-gray-700/50 bg-[#1a1a2e] flex flex-col flex-shrink-0", children: [
+        /* @__PURE__ */ e("div", { className: "px-4 py-3 border-b border-gray-700/50 bg-[#1e1e32]", children: /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-gray-200", children: "INPUT" }) }),
+        /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-4", children: ce && _ ? /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+          _.type === "pdb_file" && /* @__PURE__ */ a(D, { children: [
+            _.filename && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("div", { className: "text-xs font-medium text-gray-400 mb-1", children: "File" }),
+              /* @__PURE__ */ e("div", { className: "text-xs text-gray-300 bg-gray-800/50 px-2 py-1 rounded", children: _.filename })
+            ] }),
+            _.chains && Array.isArray(_.chains) && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("div", { className: "text-xs font-medium text-gray-400 mb-1", children: "Chains" }),
+              /* @__PURE__ */ e("div", { className: "text-xs text-gray-300 bg-gray-800/50 px-2 py-1 rounded", children: _.chains.join(", ") })
+            ] }),
+            _.total_residues && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("div", { className: "text-xs font-medium text-gray-400 mb-1", children: "Total Residues" }),
+              /* @__PURE__ */ e("div", { className: "text-xs text-gray-300 bg-gray-800/50 px-2 py-1 rounded", children: _.total_residues })
+            ] }),
+            _.suggested_contigs && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("div", { className: "text-xs font-medium text-gray-400 mb-1", children: "Suggested Contigs" }),
+              /* @__PURE__ */ e("div", { className: "text-xs text-blue-300 bg-blue-900/20 border border-blue-700/30 px-2 py-1 rounded font-mono", children: _.suggested_contigs })
+            ] }),
+            L && /* @__PURE__ */ a("div", { className: "pt-2 border-t border-gray-700/30", children: [
+              /* @__PURE__ */ e("div", { className: "text-xs font-medium text-gray-400 mb-1", children: "From Node" }),
+              /* @__PURE__ */ e("div", { className: "text-xs text-gray-300", children: L.label })
+            ] })
+          ] }),
+          _.type === "sequence" && /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("div", { className: "text-xs font-medium text-gray-400 mb-1", children: "Sequence" }),
+            /* @__PURE__ */ a("div", { className: "text-xs text-gray-300 bg-gray-800/50 px-2 py-1 rounded font-mono break-all", children: [
+              (fe = _.sequence) == null ? void 0 : fe.substring(0, 100),
+              ((he = _.sequence) == null ? void 0 : he.length) > 100 ? "..." : ""
+            ] })
+          ] }),
+          (!_.type || _.type === "any" || (t == null ? void 0 : t.type) === "message_input_node") && /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e("div", { className: "text-xs font-medium text-gray-400 mb-2", children: "Input Data" }),
+            /* @__PURE__ */ e("pre", { className: "text-xs text-gray-300 bg-gray-800/50 px-3 py-2 rounded font-mono overflow-x-auto max-h-96 overflow-y-auto", children: JSON.stringify(_, null, 2) }),
+            L && /* @__PURE__ */ a("div", { className: "pt-2 border-t border-gray-700/30", children: [
+              /* @__PURE__ */ e("div", { className: "text-xs font-medium text-gray-400 mb-1", children: "From Node" }),
+              /* @__PURE__ */ e("div", { className: "text-xs text-gray-300", children: L.label })
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
+          /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mb-2", children: "No input data yet" }),
+          ce && /* @__PURE__ */ a(D, { children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: ie,
+                className: "text-xs text-gray-400 hover:text-gray-300 transition-colors",
+                title: "Execute previous nodes",
+                children: "Execute previous nodes"
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-600 mt-1", children: "(From the earliest node that needs it ?)" })
+          ] })
+        ] }) }) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex-1 border-r border-gray-700/50 overflow-y-auto bg-[#1e1e32]", children: /* @__PURE__ */ e("div", { className: "p-4 space-y-4", children: v === "parameters" ? /* @__PURE__ */ e(D, { children: Nt() }) : v === "output" ? /* @__PURE__ */ e("div", { className: "space-y-4", children: s ? /* @__PURE__ */ a(D, { children: [
+        /* @__PURE__ */ a("div", { className: "border border-gray-700/50 rounded-lg p-3 bg-gray-800/30", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ e("span", { className: "text-xs font-medium text-gray-400", children: "Status" }),
+            /* @__PURE__ */ e("span", { className: `text-xs font-semibold ${s.status === "success" || s.status === "completed" ? "text-green-400" : s.status === "error" ? "text-red-400" : s.status === "running" ? "text-blue-400" : "text-gray-400"}`, children: s.status.toUpperCase() })
+          ] }),
+          s.duration !== void 0 && /* @__PURE__ */ a("div", { className: "flex items-center justify-between mt-2", children: [
+            /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "Duration" }),
+            /* @__PURE__ */ a("span", { className: "text-xs text-gray-300 font-mono", children: [
+              s.duration,
+              "ms"
+            ] })
+          ] })
+        ] }),
+        s.request && /* @__PURE__ */ a("div", { className: "border border-gray-700/50 rounded-lg overflow-hidden", children: [
+          /* @__PURE__ */ e("div", { className: "px-3 py-2 bg-gray-800/30 border-b border-gray-700/50", children: /* @__PURE__ */ e("span", { className: "text-xs font-medium text-gray-300", children: "Request" }) }),
+          /* @__PURE__ */ a("div", { className: "p-3 space-y-2", children: [
+            s.request.method && s.request.url && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "Method & URL" }),
+              /* @__PURE__ */ a("div", { className: "mt-1 text-xs font-mono text-gray-300 bg-gray-900/50 px-2 py-1 rounded", children: [
+                s.request.method,
+                " ",
+                s.request.url
+              ] })
+            ] }),
+            s.request.headers && Object.keys(s.request.headers).length > 0 && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "Headers" }),
+              /* @__PURE__ */ e("pre", { className: "mt-1 text-xs font-mono text-gray-300 bg-gray-900/50 px-2 py-1 rounded overflow-x-auto", children: JSON.stringify(s.request.headers, null, 2) })
+            ] }),
+            s.request.queryParams && Object.keys(s.request.queryParams).length > 0 && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "Query Parameters" }),
+              /* @__PURE__ */ e("pre", { className: "mt-1 text-xs font-mono text-gray-300 bg-gray-900/50 px-2 py-1 rounded overflow-x-auto", children: JSON.stringify(s.request.queryParams, null, 2) })
+            ] }),
+            s.request.body && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "Body" }),
+              /* @__PURE__ */ e("pre", { className: "mt-1 text-xs font-mono text-gray-300 bg-gray-900/50 px-2 py-1 rounded overflow-x-auto max-h-48 overflow-y-auto", children: JSON.stringify(s.request.body, null, 2) })
+            ] })
+          ] })
+        ] }),
+        s.response && /* @__PURE__ */ a("div", { className: "border border-gray-700/50 rounded-lg overflow-hidden", children: [
+          /* @__PURE__ */ e("div", { className: "px-3 py-2 bg-gray-800/30 border-b border-gray-700/50", children: /* @__PURE__ */ e("span", { className: "text-xs font-medium text-gray-300", children: "Response" }) }),
+          /* @__PURE__ */ a("div", { className: "p-3 space-y-2", children: [
+            s.response.status && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "Status" }),
+              /* @__PURE__ */ a("div", { className: `mt-1 text-xs font-mono px-2 py-1 rounded ${s.response.status >= 200 && s.response.status < 300 ? "text-green-400 bg-green-900/20" : "text-red-400 bg-red-900/20"}`, children: [
+                s.response.status,
+                " ",
+                s.response.statusText || ""
+              ] })
+            ] }),
+            s.response.headers && Object.keys(s.response.headers).length > 0 && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "Headers" }),
+              /* @__PURE__ */ e("pre", { className: "mt-1 text-xs font-mono text-gray-300 bg-gray-900/50 px-2 py-1 rounded overflow-x-auto", children: JSON.stringify(s.response.headers, null, 2) })
+            ] }),
+            s.response.data && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "Data" }),
+              /* @__PURE__ */ e("pre", { className: "mt-1 text-xs font-mono text-gray-300 bg-gray-900/50 px-2 py-1 rounded overflow-x-auto max-h-64 overflow-y-auto", children: JSON.stringify(s.response.data, null, 2) })
+            ] })
+          ] })
+        ] }),
+        s.output && /* @__PURE__ */ a("div", { className: "border border-gray-700/50 rounded-lg overflow-hidden", children: [
+          /* @__PURE__ */ e("div", { className: "px-3 py-2 bg-gray-800/30 border-b border-gray-700/50", children: /* @__PURE__ */ e("span", { className: "text-xs font-medium text-gray-300", children: "Output" }) }),
+          /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e("pre", { className: "text-xs font-mono text-gray-300 bg-gray-900/50 px-2 py-1 rounded overflow-x-auto max-h-64 overflow-y-auto", children: JSON.stringify(s.output, null, 2) }) })
+        ] }),
+        s.error && /* @__PURE__ */ a("div", { className: "border border-red-700/50 rounded-lg overflow-hidden bg-red-900/10", children: [
+          /* @__PURE__ */ e("div", { className: "px-3 py-2 bg-red-800/30 border-b border-red-700/50", children: /* @__PURE__ */ e("span", { className: "text-xs font-medium text-red-300", children: "Error" }) }),
+          /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e("pre", { className: "text-xs font-mono text-red-300 whitespace-pre-wrap", children: s.error }) })
+        ] })
+      ] }) : /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center py-12", children: /* @__PURE__ */ a("div", { className: "text-center", children: [
+        /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mb-2", children: "No execution logs yet" }),
+        /* @__PURE__ */ e("p", { className: "text-xs text-gray-600", children: "Execute the node to see request/response details" })
+      ] }) }) }) : /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Node ID" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: t.id,
+              disabled: !0,
+              className: o + " opacity-50 cursor-not-allowed"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Node Type" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: t.type,
+              disabled: !0,
+              className: o + " opacity-50 cursor-not-allowed"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: "border-t border-gray-700/50 pt-4 space-y-4", children: [
+          /* @__PURE__ */ e("p", { className: "text-xs font-medium text-gray-400 mb-3", children: "Execution Settings" }),
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-1", children: "Always Output Data" }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "Always produce output even if empty" })
+            ] }),
+            /* @__PURE__ */ a("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: ((pe = t.config) == null ? void 0 : pe.always_output_data) || !1,
+                  onChange: (r) => n("always_output_data", r.target.checked),
+                  className: "sr-only peer"
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600" })
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-1", children: "Execute Once" }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "Execute this node only once per workflow run" })
+            ] }),
+            /* @__PURE__ */ a("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: ((ge = t.config) == null ? void 0 : ge.execute_once) || !1,
+                  onChange: (r) => n("execute_once", r.target.checked),
+                  className: "sr-only peer"
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600" })
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-1", children: "Retry On Fail" }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "Automatically retry if execution fails" })
+            ] }),
+            /* @__PURE__ */ a("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: ((xe = t.config) == null ? void 0 : xe.retry_on_fail) || !1,
+                  onChange: (r) => n("retry_on_fail", r.target.checked),
+                  className: "sr-only peer"
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600" })
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "On Error" }),
+            /* @__PURE__ */ a(
+              "select",
+              {
+                value: ((ye = t.config) == null ? void 0 : ye.on_error) || "stop_workflow",
+                onChange: (r) => n("on_error", r.target.value),
+                className: o,
+                children: [
+                  /* @__PURE__ */ e("option", { value: "stop_workflow", children: "Stop Workflow" }),
+                  /* @__PURE__ */ e("option", { value: "continue_workflow", children: "Continue Workflow" }),
+                  /* @__PURE__ */ e("option", { value: "retry", children: "Retry" }),
+                  /* @__PURE__ */ e("option", { value: "skip_node", children: "Skip Node" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "Action to take when this node encounters an error" })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "border-t border-gray-700/50 pt-4 space-y-4", children: [
+          /* @__PURE__ */ e("p", { className: "text-xs font-medium text-gray-400 mb-3", children: "Notes" }),
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-2", children: "Notes" }),
+            /* @__PURE__ */ e(
+              "textarea",
+              {
+                value: ((be = t.config) == null ? void 0 : be.notes) || "",
+                onChange: (r) => n("notes", r.target.value),
+                className: `${o} resize-y`,
+                rows: 4,
+                placeholder: "Add notes about this node..."
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mt-1.5", children: "Add notes or documentation for this node" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-gray-400 mb-1", children: "Display Note in Flow?" }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "Show notes on the node in the canvas" })
+            ] }),
+            /* @__PURE__ */ a("label", { className: "relative inline-flex items-center cursor-pointer", children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: ((Ne = t.config) == null ? void 0 : Ne.display_note_in_flow) || !1,
+                  onChange: (r) => n("display_note_in_flow", r.target.checked),
+                  className: "sr-only peer"
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-gray-700 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "border-t border-gray-700/50 pt-4", children: /* @__PURE__ */ a(
+          "button",
+          {
+            onClick: ne,
+            className: "w-full px-3 py-2 text-sm bg-red-600/20 text-red-400 border border-red-600/30 rounded-lg hover:bg-red-600/30 flex items-center justify-center gap-2 transition-colors",
+            children: [
+              /* @__PURE__ */ e(St, { className: "w-4 h-4" }),
+              "Delete Node"
+            ]
+          }
+        ) })
+      ] }) }) }),
+      /* @__PURE__ */ a("div", { className: "w-[30%] min-w-[250px] max-w-[400px] bg-[#1a1a2e] flex flex-col flex-shrink-0", children: [
+        /* @__PURE__ */ e("div", { className: "px-4 py-3 border-b border-gray-700/50 bg-[#1e1e32] flex items-center justify-between", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-gray-200", children: "OUTPUT" }),
+          s && (s.status === "success" || s.status === "completed") && /* @__PURE__ */ a(D, { children: [
+            /* @__PURE__ */ e("div", { className: "w-4 h-4 rounded-full bg-green-500 flex items-center justify-center", children: /* @__PURE__ */ e(jt, { className: "w-3 h-3 text-white" }) }),
+            /* @__PURE__ */ e(Ot, { className: "w-4 h-4 text-gray-400" })
+          ] }),
+          s && s.status === "error" && /* @__PURE__ */ e(pt, { className: "w-4 h-4 text-yellow-400" })
+        ] }) }),
+        (s || (t == null ? void 0 : t.type) === "input_node" && (((ve = t.config) == null ? void 0 : ve.filename) || ((_e = t.result_metadata) == null ? void 0 : _e.file_info) || ((we = t.result_metadata) == null ? void 0 : we.data))) && /* @__PURE__ */ a("div", { className: "flex border-b border-gray-700/50 bg-[#1e1e32]", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => q("table"),
+              className: `px-4 py-2 text-xs font-medium transition-colors ${F === "table" ? "text-gray-200 border-b-2 border-gray-200" : "text-gray-500 hover:text-gray-300"}`,
+              children: "Table"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => q("json"),
+              className: `px-4 py-2 text-xs font-medium transition-colors ${F === "json" ? "text-gray-200 border-b-2 border-gray-200" : "text-gray-500 hover:text-gray-300"}`,
+              children: "JSON"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => q("schema"),
+              className: `px-4 py-2 text-xs font-medium transition-colors ${F === "schema" ? "text-gray-200 border-b-2 border-gray-200" : "text-gray-500 hover:text-gray-300"}`,
+              children: "Schema"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto p-4", children: [
+          t.type === "rfdiffusion_node" && !s && /* @__PURE__ */ a("div", { className: "mb-4 bg-gray-800/50 border border-gray-700/50 rounded-lg p-3 flex items-start gap-2", children: [
+            /* @__PURE__ */ e("div", { className: "w-4 h-4 rounded-full bg-blue-500/20 flex items-center justify-center flex-shrink-0 mt-0.5", children: /* @__PURE__ */ e("span", { className: "text-blue-400 text-xs font-bold", children: "i" }) }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-gray-400 leading-relaxed", children: "Use the suggested contigs from the input node for optimal results. The contigs parameter specifies which regions of the structure to design." })
+          ] }),
+          (() => {
+            var f, h, g, u, p, x, y, d, C, O, T, P, U, E;
+            const r = (t == null ? void 0 : t.type) === "input_node" && (((f = t.config) == null ? void 0 : f.filename) || ((h = t.config) == null ? void 0 : h.file_id) || ((g = t.result_metadata) == null ? void 0 : g.file_info) || ((u = t.result_metadata) == null ? void 0 : u.data)), c = s || r;
+            return (t == null ? void 0 : t.type) === "input_node" && console.log("[PipelineNodeConfig] Output section render check:", {
+              nodeId: m,
+              shouldShowOutput: !!c,
+              hasNodeLog: !!s,
+              hasConfig: !!t.config,
+              configObject: t.config,
+              configKeys: t.config ? Object.keys(t.config) : null,
+              hasConfigFilename: !!((p = t.config) != null && p.filename),
+              configFilename: (x = t.config) == null ? void 0 : x.filename,
+              hasConfigFileId: !!((y = t.config) != null && y.file_id),
+              configFileId: (d = t.config) == null ? void 0 : d.file_id,
+              hasResultMetadataFileInfo: !!((C = t.result_metadata) != null && C.file_info),
+              hasResultMetadataData: !!((O = t.result_metadata) != null && O.data),
+              hasFileData: !!r,
+              conditionBreakdown: {
+                isInputNode: (t == null ? void 0 : t.type) === "input_node",
+                hasFilename: !!((T = t.config) != null && T.filename),
+                hasFileId: !!((P = t.config) != null && P.file_id),
+                hasFileInfo: !!((U = t.result_metadata) != null && U.file_info),
+                hasResultData: !!((E = t.result_metadata) != null && E.data)
+              }
+            }), !!c;
+          })() ? /* @__PURE__ */ e("div", { className: "space-y-4", children: (() => {
+            var f, h, g, u, p, x, y, d, C, O, T, P, U, E;
+            let r = null, c = 0;
+            return (t == null ? void 0 : t.type) === "input_node" && console.log("[PipelineNodeConfig] Starting output data extraction for input node:", {
+              nodeId: m,
+              hasNodeLog: !!s,
+              hasConfig: !!t.config
+            }), (t == null ? void 0 : t.type) === "http_request_node" && console.log("[PipelineNodeConfig] Extracting output for HTTP request:", {
+              nodeId: m,
+              hasNodeLog: !!s,
+              hasError: !!(s != null && s.error),
+              hasOutput: !!(s != null && s.output),
+              hasResponse: !!(s != null && s.response),
+              responseData: (f = s == null ? void 0 : s.response) == null ? void 0 : f.data,
+              outputType: typeof (s == null ? void 0 : s.output),
+              outputKeys: s != null && s.output && typeof (s == null ? void 0 : s.output) == "object" ? Object.keys(s.output) : null
+            }), (t == null ? void 0 : t.type) === "input_node" ? ((h = t.result_metadata) != null && h.file_info ? r = t.result_metadata.file_info : (g = t.result_metadata) != null && g.data ? r = t.result_metadata.data : (u = s == null ? void 0 : s.output) != null && u.data ? r = s.output.data : s != null && s.output ? r = s.output : ((p = t.config) != null && p.filename || (x = t.config) != null && x.file_id) && (r = {
+              type: "pdb_file",
+              filename: t.config.filename || "Unknown",
+              file_id: t.config.file_id,
+              file_url: t.config.file_url,
+              chains: t.config.chains,
+              total_residues: t.config.total_residues,
+              suggested_contigs: t.config.suggested_contigs,
+              chain_residue_counts: t.config.chain_residue_counts,
+              atoms: t.config.atoms
+            }), console.log("[PipelineNodeConfig] Input node output data extraction:", {
+              nodeId: m,
+              hasNodeLog: !!s,
+              hasResultMetadata: !!t.result_metadata,
+              hasFileInfo: !!((y = t.result_metadata) != null && y.file_info),
+              hasResultData: !!((d = t.result_metadata) != null && d.data),
+              hasConfigFilename: !!((C = t.config) != null && C.filename),
+              configKeys: t.config ? Object.keys(t.config) : null,
+              outputData: r,
+              outputDataType: typeof r,
+              outputDataKeys: r && typeof r == "object" ? Object.keys(r) : null
+            }), r != null && (Array.isArray(r) ? c = r.length : typeof r == "object" ? c = Object.keys(r).length > 0 ? 1 : 0 : c = 1)) : s && (s != null && s.error ? (r = {
+              error: s.error,
+              status: s.status,
+              ...s.response && { response: s.response }
+            }, c = 1) : ((O = s == null ? void 0 : s.response) == null ? void 0 : O.data) !== void 0 && ((T = s == null ? void 0 : s.response) == null ? void 0 : T.data) !== null ? r = s.response.data : (s == null ? void 0 : s.output) !== void 0 && (s == null ? void 0 : s.output) !== null && (typeof s.output == "object" && "data" in s.output && s.output.data !== void 0 ? r = s.output.data : r = s.output), r != null && (Array.isArray(r) ? c = r.length : typeof r == "object" ? c = Object.keys(r).length > 0 ? 1 : 0 : c = 1)), (t == null ? void 0 : t.type) === "http_request_node" && console.log("[PipelineNodeConfig] Extracted output data:", {
+              nodeId: m,
+              hasNodeLog: !!s,
+              nodeLogKeys: s ? Object.keys(s) : null,
+              hasResponse: !!(s != null && s.response),
+              responseKeys: s != null && s.response ? Object.keys(s.response) : null,
+              responseData: (P = s == null ? void 0 : s.response) == null ? void 0 : P.data,
+              hasOutput: !!(s != null && s.output),
+              outputValue: s == null ? void 0 : s.output,
+              hasOutputData: r != null,
+              outputDataType: typeof r,
+              outputDataKeys: r && typeof r == "object" ? Object.keys(r) : null,
+              outputDataValue: r,
+              itemCount: c
+            }), /* @__PURE__ */ a(D, { children: [
+              c > 0 && /* @__PURE__ */ a("div", { className: "text-xs text-gray-500", children: [
+                c,
+                " ",
+                c === 1 ? "item" : "items"
+              ] }),
+              /* @__PURE__ */ a("div", { className: "relative", children: [
+                r && /* @__PURE__ */ a("div", { className: "absolute top-2 right-2 flex items-center gap-2 z-10", children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      onClick: () => {
+                        const b = JSON.stringify(r, null, 2);
+                        navigator.clipboard.writeText(b);
+                      },
+                      className: "p-1.5 hover:bg-gray-700/50 rounded transition-colors",
+                      title: "Copy output",
+                      children: /* @__PURE__ */ e(Tt, { className: "w-4 h-4 text-gray-400" })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: "p-1.5 hover:bg-gray-700/50 rounded transition-colors",
+                      title: "Search",
+                      children: /* @__PURE__ */ e(Pt, { className: "w-4 h-4 text-gray-400" })
+                    }
+                  )
+                ] }),
+                F === "json" && /* @__PURE__ */ e("div", { className: `rounded-lg p-4 text-xs font-mono overflow-x-auto border min-h-[200px] ${r != null && r.error ? "bg-red-900/20 border-red-700/50 text-red-300" : "bg-gray-900/50 border-gray-700/30 text-gray-300"}`, children: /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap", children: r != null ? JSON.stringify(r, null, 2) : /* @__PURE__ */ a("span", { className: "text-gray-500 italic", children: [
+                  "No output data available",
+                  (t == null ? void 0 : t.type) === "input_node" && /* @__PURE__ */ a("div", { className: "mt-2 text-xs space-y-1", children: [
+                    /* @__PURE__ */ a("div", { children: [
+                      "Debug: nodeLog exists: ",
+                      s ? "yes" : "no"
+                    ] }),
+                    /* @__PURE__ */ a("div", { children: [
+                      "hasConfig: ",
+                      t.config ? "yes" : "no"
+                    ] }),
+                    /* @__PURE__ */ a("div", { children: [
+                      "hasFilename: ",
+                      (U = t.config) != null && U.filename ? "yes" : "no"
+                    ] }),
+                    /* @__PURE__ */ a("div", { children: [
+                      "filename: ",
+                      ((E = t.config) == null ? void 0 : E.filename) || "none"
+                    ] }),
+                    /* @__PURE__ */ a("div", { children: [
+                      "hasResultMetadata: ",
+                      t.result_metadata ? "yes" : "no"
+                    ] }),
+                    /* @__PURE__ */ a("div", { children: [
+                      "configKeys: ",
+                      t.config ? Object.keys(t.config).join(", ") : "none"
+                    ] })
+                  ] }),
+                  (t == null ? void 0 : t.type) === "http_request_node" && /* @__PURE__ */ a("div", { className: "mt-2 text-xs", children: [
+                    "Debug: nodeLog exists: ",
+                    s ? "yes" : "no",
+                    ", hasResponse: ",
+                    s != null && s.response ? "yes" : "no",
+                    ", hasOutput: ",
+                    s != null && s.output ? "yes" : "no"
+                  ] })
+                ] }) }) }),
+                F === "table" && /* @__PURE__ */ e("div", { className: "bg-gray-900/50 rounded-lg p-4 border border-gray-700/30 min-h-[200px]", children: (t == null ? void 0 : t.type) === "input_node" && r && typeof r == "object" && r.type === "pdb_file" ? /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+                  /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+                    /* @__PURE__ */ e("h4", { className: "text-sm font-semibold text-gray-200 border-b border-gray-700 pb-2", children: "File Information" }),
+                    /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-3", children: [
+                      /* @__PURE__ */ a("div", { children: [
+                        /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "Filename:" }),
+                        /* @__PURE__ */ e("div", { className: "text-xs text-gray-300 mt-1 font-mono", children: r.filename || "N/A" })
+                      ] }),
+                      /* @__PURE__ */ a("div", { children: [
+                        /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "File ID:" }),
+                        /* @__PURE__ */ e("div", { className: "text-xs text-gray-300 mt-1 font-mono", children: r.file_id || "N/A" })
+                      ] }),
+                      r.file_url && /* @__PURE__ */ a("div", { className: "col-span-2", children: [
+                        /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "File URL:" }),
+                        /* @__PURE__ */ e("div", { className: "text-xs text-gray-300 mt-1 font-mono break-all", children: r.file_url })
+                      ] })
+                    ] })
+                  ] }),
+                  (r.chains || r.total_residues || r.atoms) && /* @__PURE__ */ a("div", { className: "space-y-3 pt-3 border-t border-gray-700", children: [
+                    /* @__PURE__ */ e("h4", { className: "text-sm font-semibold text-gray-200 border-b border-gray-700 pb-2", children: "Structure Information" }),
+                    /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-3", children: [
+                      r.atoms && /* @__PURE__ */ a("div", { children: [
+                        /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "Atoms:" }),
+                        /* @__PURE__ */ e("div", { className: "text-xs text-gray-300 mt-1", children: r.atoms.toLocaleString() })
+                      ] }),
+                      r.total_residues && /* @__PURE__ */ a("div", { children: [
+                        /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "Total Residues:" }),
+                        /* @__PURE__ */ e("div", { className: "text-xs text-gray-300 mt-1", children: r.total_residues.toLocaleString() })
+                      ] }),
+                      r.chains && Array.isArray(r.chains) && /* @__PURE__ */ a("div", { className: "col-span-2", children: [
+                        /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "Chains:" }),
+                        /* @__PURE__ */ a("div", { className: "text-xs text-gray-300 mt-1", children: [
+                          r.chains.join(", "),
+                          " (",
+                          r.chains.length,
+                          " chain",
+                          r.chains.length !== 1 ? "s" : "",
+                          ")"
+                        ] })
+                      ] })
+                    ] })
+                  ] }),
+                  r.chain_residue_counts && typeof r.chain_residue_counts == "object" && Object.keys(r.chain_residue_counts).length > 0 && /* @__PURE__ */ a("div", { className: "space-y-3 pt-3 border-t border-gray-700", children: [
+                    /* @__PURE__ */ e("h4", { className: "text-sm font-semibold text-gray-200 border-b border-gray-700 pb-2", children: "Chain Residue Counts" }),
+                    /* @__PURE__ */ e("div", { className: "space-y-2", children: Object.entries(r.chain_residue_counts).map(([b, N]) => /* @__PURE__ */ a("div", { className: "flex items-center justify-between text-xs", children: [
+                      /* @__PURE__ */ a("span", { className: "text-gray-500", children: [
+                        "Chain ",
+                        b,
+                        ":"
+                      ] }),
+                      /* @__PURE__ */ a("span", { className: "text-gray-300 font-medium", children: [
+                        N,
+                        " residues"
+                      ] })
+                    ] }, b)) })
+                  ] }),
+                  r.suggested_contigs && /* @__PURE__ */ a("div", { className: "space-y-3 pt-3 border-t border-gray-700", children: [
+                    /* @__PURE__ */ e("h4", { className: "text-sm font-semibold text-gray-200 border-b border-gray-700 pb-2", children: "RFdiffusion Suggestions" }),
+                    /* @__PURE__ */ a("div", { className: "bg-blue-500/10 border border-blue-500/30 rounded-lg p-3", children: [
+                      /* @__PURE__ */ e("div", { className: "text-xs text-gray-500 mb-1", children: "Suggested Contigs:" }),
+                      /* @__PURE__ */ e("div", { className: "text-xs text-blue-300 font-mono", children: r.suggested_contigs }),
+                      /* @__PURE__ */ e("div", { className: "text-xs text-gray-500 mt-2 italic", children: "Use this value in RFdiffusion nodes for optimal design results." })
+                    ] })
+                  ] })
+                ] }) : r && typeof r == "object" && !Array.isArray(r) ? /* @__PURE__ */ e("div", { className: "space-y-2", children: Object.entries(r).map(([b, N]) => /* @__PURE__ */ a("div", { className: "flex items-start gap-2 text-xs", children: [
+                  /* @__PURE__ */ a("span", { className: "text-gray-500 font-medium min-w-[120px]", children: [
+                    b,
+                    ":"
+                  ] }),
+                  /* @__PURE__ */ e("span", { className: "text-gray-300 flex-1", children: typeof N == "object" ? JSON.stringify(N, null, 2) : String(N) })
+                ] }, b)) }) : Array.isArray(r) ? /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ a("table", { className: "w-full text-xs", children: [
+                  /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "border-b border-gray-700", children: r.length > 0 && Object.keys(r[0]).map((b) => /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-gray-400 font-medium", children: b }, b)) }) }),
+                  /* @__PURE__ */ e("tbody", { children: r.map((b, N) => /* @__PURE__ */ e("tr", { className: "border-b border-gray-800", children: Object.values(b).map((A, J) => /* @__PURE__ */ e("td", { className: "py-2 px-2 text-gray-300", children: typeof A == "object" ? JSON.stringify(A) : String(A) }, J)) }, N)) })
+                ] }) }) : /* @__PURE__ */ e("div", { className: "text-xs text-gray-500 italic", children: "Table view not available for this data type" }) }),
+                F === "schema" && /* @__PURE__ */ e("div", { className: "bg-gray-900/50 rounded-lg p-4 border border-gray-700/30 min-h-[200px]", children: r && typeof r == "object" ? /* @__PURE__ */ e("div", { className: "text-xs font-mono text-gray-300", children: /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap", children: JSON.stringify(
+                  (() => {
+                    const b = (N) => {
+                      if (Array.isArray(N) && N.length > 0)
+                        return [b(N[0])];
+                      if (typeof N == "object" && N !== null) {
+                        const A = {};
+                        for (const [J, H] of Object.entries(N))
+                          typeof H == "object" && H !== null ? A[J] = b(H) : A[J] = typeof H;
+                        return A;
+                      }
+                      return typeof N;
+                    };
+                    return b(r);
+                  })(),
+                  null,
+                  2
+                ) }) }) : /* @__PURE__ */ e("div", { className: "text-xs text-gray-500 italic", children: "Schema view not available for this data type" }) })
+              ] })
+            ] });
+          })() }) : /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center space-y-3", children: [
+            /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 mb-1", children: "Execute this node to view data" }),
+            /* @__PURE__ */ a("div", { className: "text-xs text-gray-600 mt-2 p-2 bg-gray-800/50 rounded", children: [
+              "Debug: hasCurrentExecution=",
+              i ? "yes" : "no",
+              ", logsCount=",
+              ((ke = i == null ? void 0 : i.logs) == null ? void 0 : ke.length) || 0,
+              ", hasNodeLog=",
+              s ? "yes" : "no",
+              ", nodeId=",
+              m,
+              ", nodeType=",
+              t == null ? void 0 : t.type,
+              ", isExecuting=",
+              z.getState().isExecuting
+            ] }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: ie,
+                className: "text-xs text-red-400 hover:text-red-300 transition-colors",
+                children: "or set mock data"
+              }
+            ),
+            (t == null ? void 0 : t.type) === "message_input_node" && /* @__PURE__ */ a("div", { className: "mt-4 px-3 py-2 bg-blue-900/20 border border-blue-700/30 rounded-lg text-left max-w-xs", children: [
+              /* @__PURE__ */ e("p", { className: "text-xs text-blue-300 font-medium mb-1", children: "💡 Tip:" }),
+              /* @__PURE__ */ a("p", { className: "text-xs text-gray-400 leading-relaxed", children: [
+                /* @__PURE__ */ e("code", { className: "text-blue-300", children: "console.log()" }),
+                " outputs to the browser console (F12). To see output here, ",
+                /* @__PURE__ */ e("code", { className: "text-blue-300", children: "return" }),
+                " a value from your code."
+              ] })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  Wt as PipelineNodeConfig
+};
+//# sourceMappingURL=PipelineNodeConfig.mjs.map