@octaviaflow/core 3.1.0-beta.68 → 3.1.0-beta.70

package/dist/workflow.js

@@ -1,5 +1,4 @@
 import {
-  Accordion,
   ActionNode,
   Badge,
   Banner,
@@ -26,7 +25,6 @@ import {
   ParallelNode,
   PasswordInput,
   SegmentedControl,
-  Spinner,
   StickyNode,
   Switch,
   Tabs,
@@ -64,12 +62,14 @@ import {
   useSelection,
   useViewport,
   useViewportOrNull
-} from "./chunk-S4LE4BFQ.js";
+} from "./chunk-7S3CSRRV.js";
 import {
+  Accordion,
   Button,
   Input,
-  Select
-} from "./chunk-KZP2MNBO.js";
+  Select,
+  Spinner
+} from "./chunk-64R3BAO7.js";
 import {
   cn
 } from "./chunk-ZAUUGK2Y.js";
@@ -1066,6 +1066,7 @@ function HttpActionPanel({
   const [curlError, setCurlError] = useState4();
   const [copiedCurl, setCopiedCurl] = useState4(false);
   const [copiedResult, setCopiedResult] = useState4(false);
+  const [copiedSection, setCopiedSection] = useState4(null);
   const applyCurl = () => {
     const patch = parseCurl(curlText);
     if (!patch) {
@@ -1114,6 +1115,28 @@ function HttpActionPanel({
     } catch {
     }
   };
+  const copySection = async (text, key) => {
+    try {
+      await navigator.clipboard?.writeText(text);
+      setCopiedSection(key);
+      setTimeout(() => setCopiedSection(null), 1600);
+    } catch {
+    }
+  };
+  const sectionCopyButton = (text, key, label) => /* @__PURE__ */ jsx2(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      "aria-label": copiedSection === key ? `${label} copied` : `Copy ${label}`,
+      leftIcon: copiedSection === key ? /* @__PURE__ */ jsx2(CheckmarkIcon, { size: "sm" }) : /* @__PURE__ */ jsx2(CopyIcon, { size: "sm" }),
+      className: cn(copiedSection === key && "ods-http-panel__copy-done"),
+      onClick: (e) => {
+        e.stopPropagation();
+        void copySection(text, key);
+      }
+    }
+  );
   const validateUrl = (nextUrl, nextBase, hasConnection) => {
     if (!nextUrl && !nextBase && !hasConnection) {
       setUrlError("URL is required");
@@ -1214,7 +1237,7 @@ function HttpActionPanel({
       KeyValueEditor,
       {
         pairs: toPairs(rows),
-        onChange: (pairs) => emit({ [key]: serializeKeyValues(pairs) }),
+        onChange: (pairs) => emit({ [key]: pairs }),
         rowToggle: true,
         showDescription: true,
         keyPlaceholder,
@@ -1361,7 +1384,11 @@ function HttpActionPanel({
         KeyValueEditor,
         {
           pairs: toPairs(formData),
-          onChange: (pairs) => emit({ formData: serializeKeyValues(pairs), bodyType: "form-data" }),
+          onChange: (pairs) => (
+            // Raw rows — see the params/headers note; serializing here ate
+            // the blank row that Add appends.
+            emit({ formData: pairs, bodyType: "form-data" })
+          ),
           rowToggle: true,
           keyPlaceholder: "field name",
           valuePlaceholder: "value or {{var}}",
@@ -2047,6 +2074,7 @@ function HttpActionPanel({
           }
         ),
         /* @__PURE__ */ jsx2("code", { className: "ods-http-panel__console-url", children: connectionId ? `${selectedConnection?.name ?? connectionId} \xB7 ${url || "\u2014"}` : fullUrl || "\u2014" }),
+        sectionCopyButton(fullUrl || url, "url", "request URL"),
         preview.phase === "success" && /* @__PURE__ */ jsx2(
           Button,
           {
@@ -2104,7 +2132,14 @@ function HttpActionPanel({
               {
                 id: "res-headers",
                 label: "Response headers",
-                trailing: /* @__PURE__ */ jsx2(Badge, { size: "sm", variant: "neutral", children: Object.keys(preview.response.headers).length }),
+                trailing: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+                  sectionCopyButton(
+                    Object.entries(preview.response.headers).map(([k, v]) => `${k}: ${v}`).join("\n"),
+                    "res-headers",
+                    "response headers"
+                  ),
+                  /* @__PURE__ */ jsx2(Badge, { size: "sm", variant: "neutral", children: Object.keys(preview.response.headers).length })
+                ] }),
                 content: /* @__PURE__ */ jsx2("div", { className: "ods-http-panel__res-headers", children: Object.entries(preview.response.headers).map(([k, v]) => /* @__PURE__ */ jsxs2("div", { className: "ods-http-panel__res-header", children: [
                   /* @__PURE__ */ jsx2("span", { className: "ods-http-panel__res-header-key", children: k }),
                   /* @__PURE__ */ jsx2("span", { className: "ods-http-panel__res-header-val", children: v })
@@ -2113,7 +2148,14 @@ function HttpActionPanel({
               {
                 id: "res-body",
                 label: "Response body",
-                trailing: !preview.response.ok ? /* @__PURE__ */ jsx2(Badge, { size: "sm", variant: "error", children: "Error" }) : null,
+                trailing: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+                  sectionCopyButton(
+                    typeof preview.response.body === "object" ? JSON.stringify(preview.response.body, null, 2) : String(preview.response.bodyRaw ?? preview.response.body ?? ""),
+                    "res-body",
+                    "response body"
+                  ),
+                  !preview.response.ok && /* @__PURE__ */ jsx2(Badge, { size: "sm", variant: "error", children: "Error" })
+                ] }),
                 content: (
                   // Size guard: the tree view renders recursively (no
                   // virtualization) — very large bodies fall back to text.