@motiadev/plugin-endpoint 0.8.2-beta.140-628177 → 0.8.2-beta.140-111855

package/dist/index.js

@@ -1,9 +1,2243 @@
-import './styles.css';
-export { EndpointsPage } from './endpoints-page';
-export const config = {
-    label: 'Endpoints',
-    position: 'top',
-    componentName: 'EndpointsPage',
-    labelIcon: 'link-2',
-};
-//# sourceMappingURL=index.js.map
+import Te, { memo as z, useMemo as F, useState as _, useEffect as D, Fragment as $e, useRef as Pe, useCallback as R } from "react";
+import { Input as te, cn as N, Panel as se, Tabs as ae, TabsList as ie, TabsTrigger as M, useThemeStore as le, TabsContent as L, Sidebar as qe, Checkbox as Je, Button as O, BackgroundEffect as We, Badge as xe } from "@motiadev/ui";
+import { Search as Ge, X as W, ChevronDown as Ye, CircleX as Qe, Check as Re, AlertCircle as Xe, Trash2 as Ze, Plus as _e, Copy as Ke, Download as et, Loader2 as tt, Play as rt, Book as ot } from "lucide-react";
+import { create as nt } from "zustand";
+import { useStreamGroup as st, useStreamItem as at } from "@motiadev/stream-client-react";
+import Oe from "react18-json-view";
+import { useMonaco as it, Editor as lt } from "@monaco-editor/react";
+import { Prism as ct } from "react-syntax-highlighter";
+var q = { exports: {} }, B = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ke;
+function dt() {
+  if (ke) return B;
+  ke = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function o(s, n, a) {
+    var c = null;
+    if (a !== void 0 && (c = "" + a), n.key !== void 0 && (c = "" + n.key), "key" in n) {
+      a = {};
+      for (var d in n)
+        d !== "key" && (a[d] = n[d]);
+    } else a = n;
+    return n = a.ref, {
+      $$typeof: e,
+      type: s,
+      key: c,
+      ref: n !== void 0 ? n : null,
+      props: a
+    };
+  }
+  return B.Fragment = t, B.jsx = o, B.jsxs = o, B;
+}
+var U = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var we;
+function ut() {
+  return we || (we = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(i) {
+      if (i == null) return null;
+      if (typeof i == "function")
+        return i.$$typeof === Be ? null : i.displayName || i.name || null;
+      if (typeof i == "string") return i;
+      switch (i) {
+        case u:
+          return "Fragment";
+        case v:
+          return "Profiler";
+        case y:
+          return "StrictMode";
+        case G:
+          return "Suspense";
+        case Le:
+          return "SuspenseList";
+        case He:
+          return "Activity";
+      }
+      if (typeof i == "object")
+        switch (typeof i.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), i.$$typeof) {
+          case w:
+            return "Portal";
+          case C:
+            return (i.displayName || "Context") + ".Provider";
+          case x:
+            return (i._context.displayName || "Context") + ".Consumer";
+          case H:
+            var g = i.render;
+            return i = i.displayName, i || (i = g.displayName || g.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+          case ze:
+            return g = i.displayName || null, g !== null ? g : e(i.type) || "Memo";
+          case me:
+            g = i._payload, i = i._init;
+            try {
+              return e(i(g));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(i) {
+      return "" + i;
+    }
+    function o(i) {
+      try {
+        t(i);
+        var g = !1;
+      } catch {
+        g = !0;
+      }
+      if (g) {
+        g = console;
+        var k = g.error, S = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return k.call(
+          g,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          S
+        ), t(i);
+      }
+    }
+    function s(i) {
+      if (i === u) return "<>";
+      if (typeof i == "object" && i !== null && i.$$typeof === me)
+        return "<...>";
+      try {
+        var g = e(i);
+        return g ? "<" + g + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function n() {
+      var i = Y.A;
+      return i === null ? null : i.getOwner();
+    }
+    function a() {
+      return Error("react-stack-top-frame");
+    }
+    function c(i) {
+      if (he.call(i, "key")) {
+        var g = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (g && g.isReactWarning) return !1;
+      }
+      return i.key !== void 0;
+    }
+    function d(i, g) {
+      function k() {
+        pe || (pe = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          g
+        ));
+      }
+      k.isReactWarning = !0, Object.defineProperty(i, "key", {
+        get: k,
+        configurable: !0
+      });
+    }
+    function h() {
+      var i = e(this.type);
+      return ge[i] || (ge[i] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), i = this.props.ref, i !== void 0 ? i : null;
+    }
+    function p(i, g, k, S, I, P, X, Z) {
+      return k = P.ref, i = {
+        $$typeof: b,
+        type: i,
+        key: g,
+        props: P,
+        _owner: I
+      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(i, "ref", {
+        enumerable: !1,
+        get: h
+      }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(i, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(i, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: X
+      }), Object.defineProperty(i, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Z
+      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+    }
+    function l(i, g, k, S, I, P, X, Z) {
+      var E = g.children;
+      if (E !== void 0)
+        if (S)
+          if (Ue(E)) {
+            for (S = 0; S < E.length; S++)
+              f(E[S]);
+            Object.freeze && Object.freeze(E);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else f(E);
+      if (he.call(g, "key")) {
+        E = e(i);
+        var A = Object.keys(g).filter(function(Ve) {
+          return Ve !== "key";
+        });
+        S = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", ve[E + S] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          S,
+          E,
+          A,
+          E
+        ), ve[E + S] = !0);
+      }
+      if (E = null, k !== void 0 && (o(k), E = "" + k), c(g) && (o(g.key), E = "" + g.key), "key" in g) {
+        k = {};
+        for (var K in g)
+          K !== "key" && (k[K] = g[K]);
+      } else k = g;
+      return E && d(
+        k,
+        typeof i == "function" ? i.displayName || i.name || "Unknown" : i
+      ), p(
+        i,
+        E,
+        P,
+        I,
+        n(),
+        k,
+        X,
+        Z
+      );
+    }
+    function f(i) {
+      typeof i == "object" && i !== null && i.$$typeof === b && i._store && (i._store.validated = 1);
+    }
+    var m = Te, b = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), C = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), Le = Symbol.for("react.suspense_list"), ze = Symbol.for("react.memo"), me = Symbol.for("react.lazy"), He = Symbol.for("react.activity"), Be = Symbol.for("react.client.reference"), Y = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, he = Object.prototype.hasOwnProperty, Ue = Array.isArray, Q = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    m = {
+      react_stack_bottom_frame: function(i) {
+        return i();
+      }
+    };
+    var pe, ge = {}, fe = m.react_stack_bottom_frame.bind(
+      m,
+      a
+    )(), be = Q(s(a)), ve = {};
+    U.Fragment = u, U.jsx = function(i, g, k, S, I) {
+      var P = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return l(
+        i,
+        g,
+        k,
+        !1,
+        S,
+        I,
+        P ? Error("react-stack-top-frame") : fe,
+        P ? Q(s(i)) : be
+      );
+    }, U.jsxs = function(i, g, k, S, I) {
+      var P = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return l(
+        i,
+        g,
+        k,
+        !0,
+        S,
+        I,
+        P ? Error("react-stack-top-frame") : fe,
+        P ? Q(s(i)) : be
+      );
+    };
+  }()), U;
+}
+var ye;
+function mt() {
+  return ye || (ye = 1, process.env.NODE_ENV === "production" ? q.exports = dt() : q.exports = ut()), q.exports;
+}
+var r = mt();
+const ht = ({ value: e, onChange: t, onClear: o }) => /* @__PURE__ */ r.jsx("div", { className: "p-2 border-b gap-4", "data-testid": "endpoints-search-container", children: /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+  /* @__PURE__ */ r.jsx(Ge, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50" }),
+  /* @__PURE__ */ r.jsx(
+    te,
+    {
+      variant: "shade",
+      value: e,
+      onChange: (s) => t(s.target.value),
+      className: "px-9 font-medium",
+      placeholder: "Search by Method or Path"
+    }
+  ),
+  /* @__PURE__ */ r.jsx(
+    W,
+    {
+      className: N(
+        "cursor-pointer absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground/50 hover:text-muted-foreground",
+        {
+          visible: e !== "",
+          invisible: e === ""
+        }
+      ),
+      onClick: o
+    }
+  )
+] }) }), pt = (e) => {
+  switch (e.toUpperCase()) {
+    case "POST":
+      return "bg-[#258DC3]/15 text-[#258DC3]";
+    case "GET":
+      return "bg-[#709A2D]/15 text-[#709A2D]";
+    case "DELETE":
+      return "bg-[#DE2134]/15 text-[#DE2134]";
+    case "PUT":
+      return "bg-[#B9922D]/15 text-[#B9922D]";
+    case "PATCH":
+      return "bg-[#B9922D]/15 text-[#B9922D]";
+    case "HEAD":
+      return "bg-[#E221DF]/15 text-[#E221DF]";
+    case "OPTIONS":
+      return "bg-[#B9922D]/15 text-[#B9922D]";
+    default:
+      return "bg-[#258DC3]/15 text-[#258DC3]";
+  }
+}, gt = z(({ className: e, variant: t, ...o }) => {
+  const s = "rounded-lg px-2 py-0.5 text-xs font-mono font-bold transition-colors", n = pt(t);
+  return /* @__PURE__ */ r.jsx("div", { className: N(s, n, e), ...o });
+}), je = () => /* @__PURE__ */ r.jsx("div", { className: "text-muted-foreground", children: "/" }), ce = ({ method: e, path: t }) => {
+  const o = F(() => {
+    const s = t.split("/").filter(Boolean), n = s.length - 1;
+    return s.flatMap((a, c) => {
+      const d = c === n, h = `part-${a}-${c}`, p = d ? void 0 : /* @__PURE__ */ r.jsx(je, {}, `separator-${h}`);
+      return a.startsWith(":") ? [
+        /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: "bg-[#2862FE]/20 text-[#2862FE] rounded-sm px-1 py-0.5 text-sm font-mono font-bold font-medium",
+            children: a
+          },
+          h
+        ),
+        p
+      ] : [/* @__PURE__ */ r.jsx("div", { children: a }, h), p];
+    });
+  }, [t]);
+  return /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-[auto_1fr] gap-2 items-center", children: [
+    /* @__PURE__ */ r.jsx(gt, { variant: e, children: e }),
+    /* @__PURE__ */ r.jsxs("span", { className: "font-mono font-bold whitespace-nowrap flex flex-row gap-2 items-center truncate", children: [
+      /* @__PURE__ */ r.jsx(je, {}),
+      o
+    ] })
+  ] });
+}, ft = ({ endpoint: e, isSelected: t, isLast: o, onSelect: s }) => /* @__PURE__ */ r.jsxs(
+  "div",
+  {
+    "data-testid": `endpoint-${e.method}-${e.path}`,
+    onClick: () => s(e.id),
+    className: N(
+      "grid grid-cols-[auto_1fr] items-center justify-center px-[17px] select-none hover:bg-muted-foreground/10 cursor-pointer",
+      t && "bg-muted-foreground/10"
+    ),
+    children: [
+      o ? /* @__PURE__ */ r.jsx("svg", { width: "14", height: "34", viewBox: "0 0 12 34", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r.jsx(
+        "path",
+        {
+          d: "M6.5 16.5C6.50006 19.2614 8.7386 21.4999 11.5 21.5C11.7759 21.5003 12 21.724 12 22C12 22.276 11.7759 22.4997 11.5 22.5C8.18632 22.4999 5.50006 19.8137 5.5 16.5V0H6.5V16.5Z",
+          className: "fill-[#555]"
+        }
+      ) }) : /* @__PURE__ */ r.jsx("svg", { width: "14", height: "34", viewBox: "0 0 12 34", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r.jsx(
+        "path",
+        {
+          d: "M6.5 0V11.5C6.50007 14.2614 8.73861 16.4999 11.5 16.5C11.7759 16.5003 12 16.724 12 17C12 17.276 11.7759 17.4997 11.5 17.5C9.41273 17.5 7.57486 16.4335 6.5 14.8164V34H5.5V0H6.5Z",
+          className: "fill-[#555]"
+        }
+      ) }),
+      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-[auto_1fr] items-center gap-3 px-2", children: [
+        /* @__PURE__ */ r.jsx(ce, { method: e.method, path: e.path }),
+        /* @__PURE__ */ r.jsx("span", { className: "text-sm text-muted-foreground truncate", children: e.description })
+      ] }) })
+    ]
+  }
+), bt = ({
+  flow: e,
+  endpoints: t,
+  isOpen: o,
+  isSelected: s,
+  onToggle: n,
+  onClearSelection: a,
+  selectedEndpointId: c,
+  onSelectEndpoint: d
+}) => /* @__PURE__ */ r.jsxs("div", { className: "pt-2", children: [
+  /* @__PURE__ */ r.jsxs(
+    "button",
+    {
+      "data-testid": `flow-group-${e}`,
+      className: "w-full grid grid-cols-[auto_1fr] items-center gap-3 hover:bg-muted/40 cursor-pointer min-h-8.5 select-none hover:bg-muted-foreground/10 px-4",
+      onClick: () => {
+        s && a(), n(e);
+      },
+      children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-1", children: [
+          /* @__PURE__ */ r.jsx(
+            Ye,
+            {
+              className: N("w-4 h-4 transition-transform duration-300 text-[#555]", { "rotate-180 mt-2.5": o }),
+              strokeWidth: 1.5
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "2",
+              height: "10",
+              viewBox: "0 0 2 10",
+              fill: "none",
+              className: N("ml-[7px]", { hidden: !o }),
+              children: /* @__PURE__ */ r.jsx(
+                "path",
+                {
+                  d: "M1.5 1C1.5 0.723858 1.27614 0.5 1 0.5C0.723858 0.5 0.5 0.723858 0.5 1H1H1.5ZM1 1H0.5V10H1H1.5V1H1Z",
+                  className: "fill-[#555]"
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsx("h3", { className: "text-sm font-medium text-left", children: e })
+      ]
+    }
+  ),
+  /* @__PURE__ */ r.jsx("div", { className: N("grid grid-cols-1 items-center justify-center", { hidden: !o }), children: t.map((h, p) => /* @__PURE__ */ r.jsx(
+    ft,
+    {
+      endpoint: h,
+      isSelected: c === h.id,
+      isLast: p === t.length - 1,
+      onSelect: d
+    },
+    h.id
+  )) })
+] }), Se = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, V = /* @__PURE__ */ new Map(), J = (e) => {
+  const t = V.get(e);
+  return t ? Object.fromEntries(
+    Object.entries(t.stores).map(([o, s]) => [o, s.getState()])
+  ) : {};
+}, vt = (e, t, o) => {
+  if (e === void 0)
+    return {
+      type: "untracked",
+      connection: t.connect(o)
+    };
+  const s = V.get(o.name);
+  if (s)
+    return { type: "tracked", store: e, ...s };
+  const n = {
+    connection: t.connect(o),
+    stores: {}
+  };
+  return V.set(o.name, n), { type: "tracked", store: e, ...n };
+}, xt = (e, t) => {
+  if (t === void 0) return;
+  const o = V.get(e);
+  o && (delete o.stores[t], Object.keys(o.stores).length === 0 && V.delete(e));
+}, kt = (e) => {
+  var t, o;
+  if (!e) return;
+  const s = e.split(`
+`), n = s.findIndex(
+    (c) => c.includes("api.setState")
+  );
+  if (n < 0) return;
+  const a = ((t = s[n + 1]) == null ? void 0 : t.trim()) || "";
+  return (o = /.+ (.+) .+/.exec(a)) == null ? void 0 : o[1];
+}, wt = (e, t = {}) => (o, s, n) => {
+  const { enabled: a, anonymousActionType: c, store: d, ...h } = t;
+  let p;
+  try {
+    p = (a ?? (Se ? "production" : void 0) !== "production") && window.__REDUX_DEVTOOLS_EXTENSION__;
+  } catch {
+  }
+  if (!p)
+    return e(o, s, n);
+  const { connection: l, ...f } = vt(d, p, h);
+  let m = !0;
+  n.setState = (u, y, v) => {
+    const x = o(u, y);
+    if (!m) return x;
+    const C = v === void 0 ? {
+      type: c || kt(new Error().stack) || "anonymous"
+    } : typeof v == "string" ? { type: v } : v;
+    return d === void 0 ? (l?.send(C, s()), x) : (l?.send(
+      {
+        ...C,
+        type: `${d}/${C.type}`
+      },
+      {
+        ...J(h.name),
+        [d]: n.getState()
+      }
+    ), x);
+  }, n.devtools = {
+    cleanup: () => {
+      l && typeof l.unsubscribe == "function" && l.unsubscribe(), xt(h.name, d);
+    }
+  };
+  const b = (...u) => {
+    const y = m;
+    m = !1, o(...u), m = y;
+  }, w = e(n.setState, s, n);
+  if (f.type === "untracked" ? l?.init(w) : (f.stores[f.store] = n, l?.init(
+    Object.fromEntries(
+      Object.entries(f.stores).map(([u, y]) => [
+        u,
+        u === f.store ? w : y.getState()
+      ])
+    )
+  )), n.dispatchFromDevtools && typeof n.dispatch == "function") {
+    let u = !1;
+    const y = n.dispatch;
+    n.dispatch = (...v) => {
+      (Se ? "production" : void 0) !== "production" && v[0].type === "__setState" && !u && (console.warn(
+        '[zustand devtools middleware] "__setState" action type is reserved to set state from the devtools. Avoid using it.'
+      ), u = !0), y(...v);
+    };
+  }
+  return l.subscribe((u) => {
+    var y;
+    switch (u.type) {
+      case "ACTION":
+        if (typeof u.payload != "string") {
+          console.error(
+            "[zustand devtools middleware] Unsupported action format"
+          );
+          return;
+        }
+        return ee(
+          u.payload,
+          (v) => {
+            if (v.type === "__setState") {
+              if (d === void 0) {
+                b(v.state);
+                return;
+              }
+              Object.keys(v.state).length !== 1 && console.error(
+                `
+                    [zustand devtools middleware] Unsupported __setState action format.
+                    When using 'store' option in devtools(), the 'state' should have only one key, which is a value of 'store' that was passed in devtools(),
+                    and value of this only key should be a state object. Example: { "type": "__setState", "state": { "abc123Store": { "foo": "bar" } } }
+                    `
+              );
+              const x = v.state[d];
+              if (x == null)
+                return;
+              JSON.stringify(n.getState()) !== JSON.stringify(x) && b(x);
+              return;
+            }
+            n.dispatchFromDevtools && typeof n.dispatch == "function" && n.dispatch(v);
+          }
+        );
+      case "DISPATCH":
+        switch (u.payload.type) {
+          case "RESET":
+            return b(w), d === void 0 ? l?.init(n.getState()) : l?.init(J(h.name));
+          case "COMMIT":
+            if (d === void 0) {
+              l?.init(n.getState());
+              return;
+            }
+            return l?.init(J(h.name));
+          case "ROLLBACK":
+            return ee(u.state, (v) => {
+              if (d === void 0) {
+                b(v), l?.init(n.getState());
+                return;
+              }
+              b(v[d]), l?.init(J(h.name));
+            });
+          case "JUMP_TO_STATE":
+          case "JUMP_TO_ACTION":
+            return ee(u.state, (v) => {
+              if (d === void 0) {
+                b(v);
+                return;
+              }
+              JSON.stringify(n.getState()) !== JSON.stringify(v[d]) && b(v[d]);
+            });
+          case "IMPORT_STATE": {
+            const { nextLiftedState: v } = u.payload, x = (y = v.computedStates.slice(-1)[0]) == null ? void 0 : y.state;
+            if (!x) return;
+            b(d === void 0 ? x : x[d]), l?.send(
+              null,
+              // FIXME no-any
+              v
+            );
+            return;
+          }
+          case "PAUSE_RECORDING":
+            return m = !m;
+        }
+        return;
+    }
+  }), w;
+}, yt = wt, ee = (e, t) => {
+  let o;
+  try {
+    o = JSON.parse(e);
+  } catch (s) {
+    console.error(
+      "[zustand devtools middleware] Could not parse the received json",
+      s
+    );
+  }
+  o !== void 0 && t(o);
+};
+function Ie(e, t) {
+  let o;
+  try {
+    o = e();
+  } catch {
+    return;
+  }
+  return {
+    getItem: (n) => {
+      var a;
+      const c = (h) => h === null ? null : JSON.parse(h, void 0), d = (a = o.getItem(n)) != null ? a : null;
+      return d instanceof Promise ? d.then(c) : c(d);
+    },
+    setItem: (n, a) => o.setItem(n, JSON.stringify(a, void 0)),
+    removeItem: (n) => o.removeItem(n)
+  };
+}
+const re = (e) => (t) => {
+  try {
+    const o = e(t);
+    return o instanceof Promise ? o : {
+      then(s) {
+        return re(s)(o);
+      },
+      catch(s) {
+        return this;
+      }
+    };
+  } catch (o) {
+    return {
+      then(s) {
+        return this;
+      },
+      catch(s) {
+        return re(s)(o);
+      }
+    };
+  }
+}, jt = (e, t) => (o, s, n) => {
+  let a = {
+    storage: Ie(() => localStorage),
+    partialize: (u) => u,
+    version: 0,
+    merge: (u, y) => ({
+      ...y,
+      ...u
+    }),
+    ...t
+  }, c = !1;
+  const d = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set();
+  let p = a.storage;
+  if (!p)
+    return e(
+      (...u) => {
+        console.warn(
+          `[zustand persist middleware] Unable to update item '${a.name}', the given storage is currently unavailable.`
+        ), o(...u);
+      },
+      s,
+      n
+    );
+  const l = () => {
+    const u = a.partialize({ ...s() });
+    return p.setItem(a.name, {
+      state: u,
+      version: a.version
+    });
+  }, f = n.setState;
+  n.setState = (u, y) => (f(u, y), l());
+  const m = e(
+    (...u) => (o(...u), l()),
+    s,
+    n
+  );
+  n.getInitialState = () => m;
+  let b;
+  const w = () => {
+    var u, y;
+    if (!p) return;
+    c = !1, d.forEach((x) => {
+      var C;
+      return x((C = s()) != null ? C : m);
+    });
+    const v = ((y = a.onRehydrateStorage) == null ? void 0 : y.call(a, (u = s()) != null ? u : m)) || void 0;
+    return re(p.getItem.bind(p))(a.name).then((x) => {
+      if (x)
+        if (typeof x.version == "number" && x.version !== a.version) {
+          if (a.migrate) {
+            const C = a.migrate(
+              x.state,
+              x.version
+            );
+            return C instanceof Promise ? C.then((H) => [!0, H]) : [!0, C];
+          }
+          console.error(
+            "State loaded from storage couldn't be migrated since no migrate function was provided"
+          );
+        } else
+          return [!1, x.state];
+      return [!1, void 0];
+    }).then((x) => {
+      var C;
+      const [H, G] = x;
+      if (b = a.merge(
+        G,
+        (C = s()) != null ? C : m
+      ), o(b, !0), H)
+        return l();
+    }).then(() => {
+      v?.(b, void 0), b = s(), c = !0, h.forEach((x) => x(b));
+    }).catch((x) => {
+      v?.(void 0, x);
+    });
+  };
+  return n.persist = {
+    setOptions: (u) => {
+      a = {
+        ...a,
+        ...u
+      }, u.storage && (p = u.storage);
+    },
+    clearStorage: () => {
+      p?.removeItem(a.name);
+    },
+    getOptions: () => a,
+    rehydrate: () => w(),
+    hasHydrated: () => c,
+    onHydrate: (u) => (d.add(u), () => {
+      d.delete(u);
+    }),
+    onFinishHydration: (u) => (h.add(u), () => {
+      h.delete(u);
+    })
+  }, a.skipHydration || w(), b || m;
+}, St = jt, oe = {
+  CONTENT_TYPE: { name: "Content-Type", value: "application/json", active: !0 },
+  USER_AGENT: { name: "User-Agent", value: "Motia/1.0", active: !0 },
+  ACCEPT: { name: "Accept", value: "application/json", active: !0 }
+}, de = (e) => {
+  const t = e.selectedEndpointId;
+  return t && e.headers[t] || oe;
+}, Et = (e) => {
+  const t = e.selectedEndpointId;
+  return t ? e.bodyIsValid[t] : !0;
+}, Fe = (e) => {
+  const t = e.selectedEndpointId;
+  return t && e.body[t] || "";
+}, Ae = (e) => {
+  const t = e.selectedEndpointId;
+  if (t)
+    return e.response[t] || void 0;
+}, ue = (e) => {
+  const t = e.selectedEndpointId;
+  return t ? e.queryParams[t] || {} : {};
+}, De = (e) => {
+  const t = e.selectedEndpointId;
+  return t ? e.pathParams[t] || {} : {};
+}, j = nt()(
+  St(
+    yt((e) => ({
+      selectedEndpointId: "",
+      headers: {},
+      body: {},
+      bodyIsValid: {},
+      response: {},
+      queryParams: {},
+      pathParams: {},
+      flowGroupStatus: {},
+      toggleFlowGroupStatus: (t) => e((o) => ({ flowGroupStatus: { ...o.flowGroupStatus, [t]: !o.flowGroupStatus[t] } })),
+      setSelectedEndpointId: (t) => e({ selectedEndpointId: t }),
+      setQueryParams: (t) => e((o) => ({ queryParams: { ...o.queryParams, [o.selectedEndpointId]: t } })),
+      removeQueryParams: (t) => e((o) => {
+        const s = { ...o.queryParams[o.selectedEndpointId] };
+        return delete s[t], {
+          queryParams: {
+            ...o.queryParams,
+            [o.selectedEndpointId]: s
+          }
+        };
+      }),
+      setPathParams: (t) => e((o) => ({ pathParams: { ...o.pathParams, [o.selectedEndpointId]: t } })),
+      removePathParams: (t) => e((o) => {
+        const s = { ...o.pathParams[o.selectedEndpointId] };
+        return delete s[t], {
+          pathParams: {
+            ...o.pathParams,
+            [o.selectedEndpointId]: s
+          }
+        };
+      }),
+      setHeaders: (t) => e((o) => ({ headers: { ...o.headers, [o.selectedEndpointId]: t } })),
+      setResponse: async (t, o) => {
+        if (!t) {
+          e((n) => ({
+            response: {
+              ...n.response,
+              [n.selectedEndpointId]: void 0
+            }
+          }));
+          return;
+        }
+        let s;
+        try {
+          const n = t?.headers.get("content-type") ?? "";
+          n.includes("text/") ? s = t ? await t.text() : void 0 : n.includes("application/json") ? s = t ? await t.json() : void 0 : (s = t ? await t.blob() : void 0, s.toJSON = () => "Preview not available");
+        } catch (n) {
+          console.error("Error setting response:", n);
+        }
+        e((n) => ({
+          response: {
+            ...n.response,
+            [n.selectedEndpointId]: {
+              executionTime: Date.now() - o,
+              statusCode: t?.status,
+              headers: t?.headers ? Object.fromEntries(t.headers.entries()) : {},
+              body: s
+            }
+          }
+        }));
+      },
+      setBody: (t) => e((o) => ({ body: { ...o.body, [o.selectedEndpointId]: t } })),
+      removeHeaders: (t) => e((o) => {
+        const n = { ...o.headers[o.selectedEndpointId] || oe };
+        return delete n[t], {
+          headers: {
+            ...o.headers,
+            [o.selectedEndpointId]: n
+          }
+        };
+      }),
+      setBodyIsValid: (t) => e((o) => ({ bodyIsValid: { ...o.bodyIsValid, [o.selectedEndpointId]: t } }))
+    })),
+    {
+      name: "motia-endpoint-configuration",
+      storage: Ie(() => localStorage)
+    }
+  )
+), Ct = () => {
+  const { data: e } = st({
+    streamName: "__motia.api-endpoints",
+    groupId: "default"
+  }), t = F(() => e.reduce(
+    (o, s) => (s.flows?.forEach((n) => {
+      o[n] = o[n] || [], o[n].push(s);
+    }), s.flows?.length == 0 && (o["no-flow"] = o["no-flow"] || [], o["no-flow"].push(s)), o),
+    {}
+  ), [e]);
+  return { endpoints: e, groupedEndpoints: t };
+}, Ee = (e) => Symbol.iterator in e, Ce = (e) => (
+  // HACK: avoid checking entries type
+  "entries" in e
+), Ne = (e, t) => {
+  const o = e instanceof Map ? e : new Map(e.entries()), s = t instanceof Map ? t : new Map(t.entries());
+  if (o.size !== s.size)
+    return !1;
+  for (const [n, a] of o)
+    if (!s.has(n) || !Object.is(a, s.get(n)))
+      return !1;
+  return !0;
+}, Nt = (e, t) => {
+  const o = e[Symbol.iterator](), s = t[Symbol.iterator]();
+  let n = o.next(), a = s.next();
+  for (; !n.done && !a.done; ) {
+    if (!Object.is(n.value, a.value))
+      return !1;
+    n = o.next(), a = s.next();
+  }
+  return !!n.done && !!a.done;
+};
+function Tt(e, t) {
+  return Object.is(e, t) ? !0 : typeof e != "object" || e === null || typeof t != "object" || t === null || Object.getPrototypeOf(e) !== Object.getPrototypeOf(t) ? !1 : Ee(e) && Ee(t) ? Ce(e) && Ce(t) ? Ne(e, t) : Nt(e, t) : Ne(
+    { entries: () => Object.entries(e) },
+    { entries: () => Object.entries(t) }
+  );
+}
+function T(e) {
+  const t = Te.useRef(void 0);
+  return (o) => {
+    const s = e(o);
+    return Tt(t.current, s) ? t.current : t.current = s;
+  };
+}
+const $ = (e) => {
+  if (!e) return {};
+  if (e.type === "object") {
+    const t = {};
+    return e.properties && Object.entries(e.properties).forEach(([o, s]) => {
+      t[o] = $(s);
+    }), t;
+  }
+  switch (e.type) {
+    case "array":
+      return [$(e.items)];
+    case "string":
+      return e.enum?.[0] ?? e.description ?? "string";
+    case "number":
+      return e.description ?? 0;
+    case "integer":
+      return 0;
+    case "boolean":
+      return e.description ?? !1;
+    case "null":
+      return e.description ?? null;
+    default:
+      return;
+  }
+}, Pt = (e) => {
+  const [t, o] = _("");
+  return D(() => {
+    e && o(JSON.stringify($(e), null, 2));
+  }, [e]), { body: t, setBody: o };
+}, Rt = ({ endpoint: e, panelName: t, value: o }) => ["post", "put", "patch"].includes(e.method.toLowerCase()) ? /* @__PURE__ */ r.jsx(se, { title: "Body", size: "sm", contentClassName: "p-0", "data-testid": `endpoint-body-panel__${t}`, children: /* @__PURE__ */ r.jsx(
+  Oe,
+  {
+    src: o ? JSON.parse(o) : {},
+    theme: "default",
+    enableClipboard: !1,
+    style: { backgroundColor: "transparent" }
+  }
+) }) : null, _t = (e) => e.match(/:(\w+)/g)?.map((o) => o.slice(1)) ?? [], Ot = ({ endpoint: e }) => {
+  const t = _t(e.path);
+  return t.length ? /* @__PURE__ */ r.jsx(se, { title: "Path params", size: "sm", variant: "default", children: /* @__PURE__ */ r.jsx("div", { className: "grid gap-3", style: { gridTemplateColumns: "1fr 2fr" }, children: t.map((o) => /* @__PURE__ */ r.jsx("div", { className: "font-bold leading-[36px] flex text-xs", children: o }, o)) }) }) : null;
+}, It = ({ endpoint: e }) => e.queryParams?.length ? /* @__PURE__ */ r.jsx(se, { title: "Query params", size: "sm", variant: "outlined", children: /* @__PURE__ */ r.jsx("div", { className: "grid gap-3", style: { gridTemplateColumns: "1fr 2fr", gridTemplateRows: "1fr 1fr" }, children: e.queryParams.map((t) => /* @__PURE__ */ r.jsxs($e, { children: [
+  /* @__PURE__ */ r.jsx("div", { className: "font-bold leading-[36px] flex text-xs", children: t.name }),
+  /* @__PURE__ */ r.jsx("div", { className: "flex items-center text-xs ", children: /* @__PURE__ */ r.jsx("span", { children: t.description }) })
+] }, t.name)) }) }) : null, Ft = ({ responseCode: e, bodySchema: t }) => {
+  const o = le((a) => a.theme), s = F(() => $(t), [t]), n = typeof t.description == "string" ? t.description : "";
+  return /* @__PURE__ */ r.jsx(L, { value: e, className: "border-t", children: /* @__PURE__ */ r.jsx("div", { className: "text-xs font-mono rounded-lg whitespace-pre-wrap", children: s ? /* @__PURE__ */ r.jsx(
+    Oe,
+    {
+      src: s,
+      dark: o === "dark",
+      enableClipboard: !1,
+      style: { backgroundColor: "transparent" }
+    }
+  ) : /* @__PURE__ */ r.jsx("div", { className: "text-xs font-mono rounded-lg whitespace-pre-wrap p-4", children: n }) }) }, e);
+}, At = ({ items: e }) => e.length === 0 ? null : /* @__PURE__ */ r.jsx("div", { className: "flex flex-col rounded-lg border", children: /* @__PURE__ */ r.jsxs(ae, { defaultValue: e[0].responseCode, children: [
+  /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-between bg-card", children: /* @__PURE__ */ r.jsx(ie, { className: "bg-transparent p-0", children: e.map((t) => /* @__PURE__ */ r.jsx(
+    M,
+    {
+      value: t.responseCode,
+      className: "text-xs font-bold cursor-pointer",
+      children: t.responseCode
+    },
+    t.responseCode
+  )) }) }),
+  e.map((t) => /* @__PURE__ */ r.jsx(Ft, { ...t }, t.responseCode))
+] }) }), Dt = ({ endpoint: e, onClose: t }) => {
+  const { body: o } = Pt(e.bodySchema);
+  return /* @__PURE__ */ r.jsxs(
+    qe,
+    {
+      initialWidth: 600,
+      subtitle: e.description,
+      title: /* @__PURE__ */ r.jsx(ce, { method: e.method, path: e.path }),
+      onClose: t,
+      actions: [
+        {
+          icon: /* @__PURE__ */ r.jsx(W, { className: "cursor-pointer w-4 h-4", onClick: t }),
+          onClick: t
+        }
+      ],
+      children: [
+        /* @__PURE__ */ r.jsx(Ot, { endpoint: e }),
+        /* @__PURE__ */ r.jsx(It, { endpoint: e }),
+        /* @__PURE__ */ r.jsx(Rt, { endpoint: e, panelName: "details", value: o }),
+        /* @__PURE__ */ r.jsx(
+          At,
+          {
+            items: Object.entries(e?.responseSchema ?? {}).map(([s, n]) => ({
+              responseCode: s,
+              bodySchema: n
+            }))
+          }
+        )
+      ]
+    }
+  );
+}, Mt = ({
+  value: e,
+  schema: t,
+  onChange: o,
+  onValidate: s,
+  language: n = "json",
+  readOnly: a = !1
+}) => {
+  const c = it(), d = le((m) => m.theme), h = F(() => d === "dark" ? "transparent-dark" : "transparent-light", [d]), [p, l] = _(null), f = Pe(null);
+  return D(() => {
+    c && (c.editor.defineTheme("transparent-light", {
+      base: "vs",
+      inherit: !0,
+      rules: [],
+      colors: {
+        "editor.background": "#00000000",
+        "editor.lineHighlightBackground": "#00000000",
+        "editorLineNumber.foreground": "#999999",
+        "editorLineNumber.activeForeground": "#000000",
+        focusBorder: "#00000000",
+        "widget.border": "#00000000",
+        "editor.border": "#00000000",
+        "editorWidget.border": "#00000000"
+      }
+    }), c.editor.defineTheme("transparent-dark", {
+      base: "vs-dark",
+      inherit: !0,
+      rules: [],
+      colors: {
+        "editor.background": "#00000000",
+        "editor.lineHighlightBackground": "#00000000",
+        "editorLineNumber.foreground": "#666666",
+        "editorLineNumber.activeForeground": "#ffffff",
+        focusBorder: "#00000000",
+        "widget.border": "#00000000",
+        "editor.border": "#00000000",
+        "editorWidget.border": "#00000000"
+      }
+    }));
+  }, [c]), D(() => {
+    c && (c.languages.typescript.javascriptDefaults.setCompilerOptions({ isolatedModules: !0 }), c.languages.json.jsonDefaults.setDiagnosticsOptions({
+      schemas: t ? [
+        {
+          uri: window.location.href,
+          fileMatch: ["*"],
+          schema: t
+        }
+      ] : []
+    }));
+  }, [c, t]), D(() => {
+    c && c.editor.setTheme(h);
+  }, [c, h]), D(() => {
+    if (!p) return;
+    const m = p.getContainerDomNode().parentElement?.parentElement;
+    if (!m) return;
+    const b = () => {
+      f.current !== null && cancelAnimationFrame(f.current), f.current = requestAnimationFrame(() => {
+        const { width: u, height: y } = m.getBoundingClientRect();
+        p.layout({ width: u, height: y }), f.current = null;
+      });
+    };
+    b();
+    const w = new ResizeObserver(b);
+    return w.observe(m), () => {
+      w.disconnect(), f.current !== null && cancelAnimationFrame(f.current);
+    };
+  }, [p]), /* @__PURE__ */ r.jsx(
+    lt,
+    {
+      "data-testid": "json-editor",
+      language: n,
+      value: e,
+      theme: h,
+      onMount: l,
+      onChange: (m) => {
+        m || s?.(!1), o?.(m ?? "");
+      },
+      onValidate: (m) => s?.(m.length === 0),
+      options: {
+        automaticLayout: !1,
+        readOnly: a,
+        scrollBeyondLastLine: !1,
+        minimap: { enabled: !1 },
+        overviewRulerLanes: 0
+      }
+    }
+  );
+}, Lt = z(({ schema: e }) => {
+  const { setBody: t, setBodyIsValid: o } = j(), s = j(T(Et)), n = j(Fe);
+  D(() => {
+    e && (t(n || JSON.stringify($(e), null, 2)), o(!0));
+  }, [e]);
+  const a = R(
+    (c) => {
+      t(c);
+    },
+    [t, o]
+  );
+  return /* @__PURE__ */ r.jsxs("div", { className: "max-h-full h-full relative", children: [
+    /* @__PURE__ */ r.jsx(Mt, { value: n, schema: e, onChange: a, onValidate: o }),
+    !s && /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        className: "absolute bottom-0 left-0 right-0 border-t border-border p-3 text-sm dark:text-yellow-500 text-yellow-700 flex items-center gap-1 font-medium",
+        "data-testid": "endpoint-body-tab-invalid",
+        children: [
+          /* @__PURE__ */ r.jsx(Qe, { className: "w-4 h-4" }),
+          "The body payload is invalid"
+        ]
+      }
+    )
+  ] });
+}), ne = z(
+  ({ value: e, id: t, onUpdate: o, onRemove: s, required: n = !1 }) => {
+    const [a, c] = _(null), [d, h] = _(null), p = Pe(void 0), l = a === t, f = R(
+      (w) => {
+        clearTimeout(p.current), h(w), p.current = setTimeout(() => {
+          h(null);
+        }, 5e3);
+      },
+      [h]
+    ), m = R(() => {
+      n || c(t);
+    }, [t, n]), b = R(() => {
+      n || c(null);
+    }, [n]);
+    return /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        className: N(
+          "grid grid-cols-[auto_1fr_auto] items-center py-2 px-4 bg-muted/30 rounded-lg gap-2",
+          l && "bg-card"
+        ),
+        onMouseOver: m,
+        onMouseLeave: b,
+        children: [
+          /* @__PURE__ */ r.jsx(
+            Je,
+            {
+              checked: e.active,
+              onCheckedChange: (w) => o(t, "active", w),
+              disabled: n,
+              children: /* @__PURE__ */ r.jsx(Re, { className: "h-3 w-3" })
+            }
+          ),
+          /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+            /* @__PURE__ */ r.jsx(
+              te,
+              {
+                readOnly: n,
+                disabled: !e.active,
+                variant: n ? "outlineReadonly" : "outline",
+                id: `name-${t}`,
+                defaultValue: e.name,
+                onBlur: (w) => o(t, "name", w.target.value),
+                placeholder: "Name",
+                className: "h-8"
+              }
+            ),
+            /* @__PURE__ */ r.jsx(
+              te,
+              {
+                disabled: !e.active,
+                variant: "outline",
+                id: `value-${t}`,
+                defaultValue: e.value,
+                onBlur: (w) => o(t, "value", w.target.value),
+                placeholder: "Value",
+                className: "h-8"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r.jsx(
+            O,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: () => {
+                d === t ? s?.(t) : f(t);
+              },
+              className: N("h-6 w-6 opacity-0 transition-opacity duration-200", l && "opacity-100"),
+              title: d === t && l ? "Click again to remove" : "Remove",
+              children: d === t ? /* @__PURE__ */ r.jsx(Xe, { className: "h-3 w-3 text-destructive" }) : /* @__PURE__ */ r.jsx(Ze, { className: "h-3 w-3" })
+            }
+          )
+        ]
+      }
+    );
+  }
+), zt = () => {
+  const { setHeaders: e, removeHeaders: t } = j(), o = j(T(de)), s = R(() => {
+    const a = {
+      name: "",
+      value: "",
+      active: !0
+    };
+    e({ ...o, [(/* @__PURE__ */ new Date()).getTime().toString()]: a });
+  }, [o, e]), n = R(
+    (a, c, d) => {
+      a && e({ ...o, [a]: { ...o[a], [c]: d } });
+    },
+    [o, e]
+  );
+  return /* @__PURE__ */ r.jsxs("div", { className: "h-full max-h-full grid grid-rows-[auto_1fr]", children: [
+    /* @__PURE__ */ r.jsx("div", { className: "grid px-4 border-b h-10 items-center grid-cols-[auto_1fr]", children: /* @__PURE__ */ r.jsxs(O, { size: "sm", onClick: s, children: [
+      /* @__PURE__ */ r.jsx(_e, { className: "h-3 w-3" }),
+      "Add"
+    ] }) }),
+    /* @__PURE__ */ r.jsxs("div", { className: "p-2", children: [
+      Object.entries(o).map(([a, c]) => /* @__PURE__ */ r.jsx(ne, { value: c, id: a, onUpdate: n, onRemove: t }, a)),
+      Object.entries(o).length === 0 && /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-1 items-center h-full", children: /* @__PURE__ */ r.jsx("div", { className: "text-sm text-muted-foreground text-center", children: "There are no headers in this endpoint" }) })
+    ] })
+  ] });
+}, Ht = (e) => Object.values(ue(e)).filter(
+  (t) => t.active && t.value !== "" && t.name !== ""
+), Me = (e) => {
+  const t = j(T(De)), o = j(T(Ht));
+  return F(() => e.replace(/:(\w+)/g, (n, a) => t[a]?.value || n) + (o.length > 0 ? `?${o.map((n) => `${n.name}=${n.value}`).join("&")}` : ""), [e, t, o]);
+}, Bt = ({ path: e, baseUrl: t = window.location.origin }) => {
+  const o = Me(e), s = `${t}${o}`, [n, a] = _(!1), c = async () => {
+    try {
+      await navigator.clipboard.writeText(s), a(!0), setTimeout(() => a(!1), 2e3);
+    } catch (d) {
+      console.error("Failed to copy URL:", d);
+    }
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-[auto_1fr] items-center gap-5 px-5 relative border-b border-border", children: [
+    /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium py-2", children: "URL Preview" }),
+    /* @__PURE__ */ r.jsxs("div", { className: "bg-muted-foreground/10 box-border grid grid-cols-[1fr_auto] gap-1 h-6 items-center px-2 py-1 rounded border border-border", children: [
+      /* @__PURE__ */ r.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ r.jsx("div", { className: "font-medium text-xs text-muted-foreground truncate", title: s, children: s }) }),
+      /* @__PURE__ */ r.jsx(
+        O,
+        {
+          onClick: c,
+          className: N(
+            "w-3 h-3 grid place-items-center transition-colors cursor-pointer",
+            n ? "text-green-400" : "text-muted-foreground"
+          ),
+          variant: "icon",
+          size: "sm",
+          "aria-label": "Copy URL",
+          children: n ? /* @__PURE__ */ r.jsx(Re, { className: "w-2.5 h-2.5" }) : /* @__PURE__ */ r.jsx(Ke, { className: "w-2.5 h-2.5" })
+        }
+      )
+    ] })
+  ] });
+}, Ut = ({ path: e }) => {
+  const { setQueryParams: t, removeQueryParams: o, setPathParams: s } = j(), n = j(T(ue)), a = j(T(De)), c = F(() => e.match(/:(\w+)/g)?.map((f) => ({ name: f.slice(1), value: a[f.slice(1)]?.value ?? "", active: !0 })) ?? [], [e]), d = R(() => {
+    const l = {
+      name: "",
+      value: "",
+      active: !0
+    };
+    t({ ...n, [(/* @__PURE__ */ new Date()).getTime().toString()]: l });
+  }, [n, t]), h = R(
+    (l, f, m) => {
+      l && t({ ...n, [l]: { ...n[l], [f]: m } });
+    },
+    [n, t]
+  ), p = R(
+    (l, f, m) => {
+      l && s({ ...a, [l]: { ...a[l], [f]: m } });
+    },
+    [a, s]
+  );
+  return /* @__PURE__ */ r.jsxs("div", { className: "h-full grid grid-rows-[auto_auto_1fr]", children: [
+    /* @__PURE__ */ r.jsx("div", { className: "grid px-4 border-b h-10 items-center grid-cols-[auto_1fr]", children: /* @__PURE__ */ r.jsxs(O, { size: "sm", onClick: d, children: [
+      /* @__PURE__ */ r.jsx(_e, { className: "h-3 w-3" }),
+      "Add"
+    ] }) }),
+    /* @__PURE__ */ r.jsx(Bt, { path: e }),
+    /* @__PURE__ */ r.jsxs("div", { className: "grid grid-rows-[1fr_1fr]", children: [
+      c.length > 0 && /* @__PURE__ */ r.jsxs("div", { className: "p-2", children: [
+        /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium pl-3", children: "Path variables" }),
+        c.map((l) => /* @__PURE__ */ r.jsx(
+          ne,
+          {
+            value: { name: l.name, value: l.value, active: l.active },
+            id: l.name,
+            required: !0,
+            onUpdate: p
+          },
+          l.name
+        ))
+      ] }),
+      /* @__PURE__ */ r.jsxs("div", { className: "p-2 border-b border-border", children: [
+        /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium pl-3", children: "Query parameters" }),
+        Object.entries(n).map(([l, f]) => /* @__PURE__ */ r.jsx(
+          ne,
+          {
+            value: f,
+            id: l,
+            onUpdate: h,
+            onRemove: o
+          },
+          l
+        )),
+        Object.entries(n).length === 0 && /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-1 items-center h-full", children: /* @__PURE__ */ r.jsx("div", { className: "text-sm text-muted-foreground text-center", children: "There are no query params in this endpoint" }) })
+      ] })
+    ] })
+  ] });
+}, Vt = (e) => {
+  const { __motia: t, ...o } = typeof e == "string" ? {} : e || {}, { data: s } = at(t), n = Array.isArray(e) ? e : o || e;
+  return typeof e == "string" ? {
+    data: e,
+    originalData: e,
+    isStreamed: !1
+  } : {
+    data: JSON.stringify(s || n, null, 2),
+    originalData: n,
+    isStreamed: !!t
+  };
+}, $t = {
+  // 1xx Informational
+  100: "Continue",
+  101: "Switching Protocols",
+  102: "Processing",
+  103: "Early Hints",
+  // 2xx Success
+  200: "OK",
+  201: "Created",
+  202: "Accepted",
+  203: "Non-Authoritative Information",
+  204: "No Content",
+  205: "Reset Content",
+  206: "Partial Content",
+  207: "Multi-Status",
+  208: "Already Reported",
+  226: "IM Used",
+  // 3xx Redirection
+  300: "Multiple Choices",
+  301: "Moved Permanently",
+  302: "Found",
+  303: "See Other",
+  304: "Not Modified",
+  305: "Use Proxy",
+  307: "Temporary Redirect",
+  308: "Permanent Redirect",
+  // 4xx Client Error
+  400: "Bad Request",
+  401: "Unauthorized",
+  402: "Payment Required",
+  403: "Forbidden",
+  404: "Not Found",
+  405: "Method Not Allowed",
+  406: "Not Acceptable",
+  407: "Proxy Authentication Required",
+  408: "Request Timeout",
+  409: "Conflict",
+  410: "Gone",
+  411: "Length Required",
+  412: "Precondition Failed",
+  413: "Payload Too Large",
+  414: "URI Too Long",
+  415: "Unsupported Media Type",
+  416: "Range Not Satisfiable",
+  417: "Expectation Failed",
+  418: "I'm a teapot",
+  421: "Misdirected Request",
+  422: "Unprocessable Entity",
+  423: "Locked",
+  424: "Failed Dependency",
+  425: "Too Early",
+  426: "Upgrade Required",
+  428: "Precondition Required",
+  429: "Too Many Requests",
+  431: "Request Header Fields Too Large",
+  451: "Unavailable For Legal Reasons",
+  // 5xx Server Error
+  500: "Internal Server Error",
+  501: "Not Implemented",
+  502: "Bad Gateway",
+  503: "Service Unavailable",
+  504: "Gateway Timeout",
+  505: "HTTP Version Not Supported",
+  506: "Variant Also Negotiates",
+  507: "Insufficient Storage",
+  508: "Loop Detected",
+  510: "Not Extended",
+  511: "Network Authentication Required"
+}, qt = (e) => $t[e] || "Unknown", Jt = ({ statusCode: e }) => {
+  const t = qt(e), o = e > 0 && e < 400, s = e >= 400 && e < 500, n = e >= 500;
+  return /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: N(
+        "px-2 py-1 rounded-sm flex items-center gap-1",
+        s && "dark:bg-[#EAB71F]/20 dark:text-[#EAB71F] bg-[#EAB71F] text-white",
+        n && "dark:bg-[#F8367D]/20 dark:text-[#F8367D] bg-[#F8367D] text-white",
+        o && "dark:bg-accent-200 dark:text-primary bg-accent text-white"
+      ),
+      children: [
+        /* @__PURE__ */ r.jsx("span", { className: "font-bold font-mono", children: e }),
+        " ",
+        t
+      ]
+    }
+  );
+}, Wt = {
+  'code[class*="language-"]': {
+    color: "#c5c8c6",
+    textShadow: "0 1px rgba(0, 0, 0, 0.3)",
+    fontFamily: "Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none"
+  },
+  'pre[class*="language-"]': {
+    color: "#c5c8c6",
+    textShadow: "0 1px rgba(0, 0, 0, 0.3)",
+    fontFamily: "Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none",
+    padding: "1em",
+    margin: ".5em 0",
+    overflow: "auto",
+    borderRadius: "0.3em",
+    background: "#1d1f21"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    background: "#1d1f21",
+    padding: ".1em",
+    borderRadius: ".3em"
+  },
+  comment: {
+    color: "#7C7C7C"
+  },
+  prolog: {
+    color: "#7C7C7C"
+  },
+  doctype: {
+    color: "#7C7C7C"
+  },
+  cdata: {
+    color: "#7C7C7C"
+  },
+  punctuation: {
+    color: "#c5c8c6"
+  },
+  ".namespace": {
+    Opacity: ".7"
+  },
+  property: {
+    color: "#96CBFE"
+  },
+  keyword: {
+    color: "#96CBFE"
+  },
+  tag: {
+    color: "#96CBFE"
+  },
+  "class-name": {
+    color: "#FFFFB6",
+    textDecoration: "underline"
+  },
+  boolean: {
+    color: "#99CC99"
+  },
+  constant: {
+    color: "#99CC99"
+  },
+  symbol: {
+    color: "#f92672"
+  },
+  deleted: {
+    color: "#f92672"
+  },
+  number: {
+    color: "#FF73FD"
+  },
+  selector: {
+    color: "#A8FF60"
+  },
+  "attr-name": {
+    color: "#A8FF60"
+  },
+  string: {
+    color: "#A8FF60"
+  },
+  char: {
+    color: "#A8FF60"
+  },
+  builtin: {
+    color: "#A8FF60"
+  },
+  inserted: {
+    color: "#A8FF60"
+  },
+  variable: {
+    color: "#C6C5FE"
+  },
+  operator: {
+    color: "#EDEDED"
+  },
+  entity: {
+    color: "#FFFFB6",
+    cursor: "help"
+  },
+  url: {
+    color: "#96CBFE"
+  },
+  ".language-css .token.string": {
+    color: "#87C38A"
+  },
+  ".style .token.string": {
+    color: "#87C38A"
+  },
+  atrule: {
+    color: "#F9EE98"
+  },
+  "attr-value": {
+    color: "#F9EE98"
+  },
+  function: {
+    color: "#DAD085"
+  },
+  regex: {
+    color: "#E9C062"
+  },
+  important: {
+    color: "#fd971f",
+    fontWeight: "bold"
+  },
+  bold: {
+    fontWeight: "bold"
+  },
+  italic: {
+    fontStyle: "italic"
+  }
+}, Gt = {
+  'code[class*="language-"]': {
+    background: "hsl(230, 1%, 98%)",
+    color: "hsl(230, 8%, 24%)",
+    fontFamily: '"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "2",
+    OTabSize: "2",
+    tabSize: "2",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none"
+  },
+  'pre[class*="language-"]': {
+    background: "hsl(230, 1%, 98%)",
+    color: "hsl(230, 8%, 24%)",
+    fontFamily: '"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "2",
+    OTabSize: "2",
+    tabSize: "2",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none",
+    padding: "1em",
+    margin: "0.5em 0",
+    overflow: "auto",
+    borderRadius: "0.3em"
+  },
+  'code[class*="language-"]::-moz-selection': {
+    background: "hsl(230, 1%, 90%)",
+    color: "inherit"
+  },
+  'code[class*="language-"] *::-moz-selection': {
+    background: "hsl(230, 1%, 90%)",
+    color: "inherit"
+  },
+  'pre[class*="language-"] *::-moz-selection': {
+    background: "hsl(230, 1%, 90%)",
+    color: "inherit"
+  },
+  'code[class*="language-"]::selection': {
+    background: "hsl(230, 1%, 90%)",
+    color: "inherit"
+  },
+  'code[class*="language-"] *::selection': {
+    background: "hsl(230, 1%, 90%)",
+    color: "inherit"
+  },
+  'pre[class*="language-"] *::selection': {
+    background: "hsl(230, 1%, 90%)",
+    color: "inherit"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    padding: "0.2em 0.3em",
+    borderRadius: "0.3em",
+    whiteSpace: "normal"
+  },
+  comment: {
+    color: "hsl(230, 4%, 64%)",
+    fontStyle: "italic"
+  },
+  prolog: {
+    color: "hsl(230, 4%, 64%)"
+  },
+  cdata: {
+    color: "hsl(230, 4%, 64%)"
+  },
+  doctype: {
+    color: "hsl(230, 8%, 24%)"
+  },
+  punctuation: {
+    color: "hsl(230, 8%, 24%)"
+  },
+  entity: {
+    color: "hsl(230, 8%, 24%)",
+    cursor: "help"
+  },
+  "attr-name": {
+    color: "hsl(35, 99%, 36%)"
+  },
+  "class-name": {
+    color: "hsl(35, 99%, 36%)"
+  },
+  boolean: {
+    color: "hsl(35, 99%, 36%)"
+  },
+  constant: {
+    color: "hsl(35, 99%, 36%)"
+  },
+  number: {
+    color: "hsl(35, 99%, 36%)"
+  },
+  atrule: {
+    color: "hsl(35, 99%, 36%)"
+  },
+  keyword: {
+    color: "hsl(301, 63%, 40%)"
+  },
+  property: {
+    color: "hsl(5, 74%, 59%)"
+  },
+  tag: {
+    color: "hsl(5, 74%, 59%)"
+  },
+  symbol: {
+    color: "hsl(5, 74%, 59%)"
+  },
+  deleted: {
+    color: "hsl(5, 74%, 59%)"
+  },
+  important: {
+    color: "hsl(5, 74%, 59%)"
+  },
+  selector: {
+    color: "hsl(119, 34%, 47%)"
+  },
+  string: {
+    color: "hsl(119, 34%, 47%)"
+  },
+  char: {
+    color: "hsl(119, 34%, 47%)"
+  },
+  builtin: {
+    color: "hsl(119, 34%, 47%)"
+  },
+  inserted: {
+    color: "hsl(119, 34%, 47%)"
+  },
+  regex: {
+    color: "hsl(119, 34%, 47%)"
+  },
+  "attr-value": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  "attr-value > .token.punctuation": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  variable: {
+    color: "hsl(221, 87%, 60%)"
+  },
+  operator: {
+    color: "hsl(221, 87%, 60%)"
+  },
+  function: {
+    color: "hsl(221, 87%, 60%)"
+  },
+  url: {
+    color: "hsl(198, 99%, 37%)"
+  },
+  "attr-value > .token.punctuation.attr-equals": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  "special-attr > .token.attr-value > .token.value.css": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".language-css .token.selector": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".language-css .token.property": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".language-css .token.function": {
+    color: "hsl(198, 99%, 37%)"
+  },
+  ".language-css .token.url > .token.function": {
+    color: "hsl(198, 99%, 37%)"
+  },
+  ".language-css .token.url > .token.string.url": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  ".language-css .token.important": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  ".language-css .token.atrule .token.rule": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  ".language-javascript .token.operator": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  ".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": {
+    color: "hsl(344, 84%, 43%)"
+  },
+  ".language-json .token.operator": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".language-json .token.null.keyword": {
+    color: "hsl(35, 99%, 36%)"
+  },
+  ".language-markdown .token.url": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".language-markdown .token.url > .token.operator": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".language-markdown .token.url-reference.url > .token.string": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".language-markdown .token.url > .token.content": {
+    color: "hsl(221, 87%, 60%)"
+  },
+  ".language-markdown .token.url > .token.url": {
+    color: "hsl(198, 99%, 37%)"
+  },
+  ".language-markdown .token.url-reference.url": {
+    color: "hsl(198, 99%, 37%)"
+  },
+  ".language-markdown .token.blockquote.punctuation": {
+    color: "hsl(230, 4%, 64%)",
+    fontStyle: "italic"
+  },
+  ".language-markdown .token.hr.punctuation": {
+    color: "hsl(230, 4%, 64%)",
+    fontStyle: "italic"
+  },
+  ".language-markdown .token.code-snippet": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  ".language-markdown .token.bold .token.content": {
+    color: "hsl(35, 99%, 36%)"
+  },
+  ".language-markdown .token.italic .token.content": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  ".language-markdown .token.strike .token.content": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".language-markdown .token.strike .token.punctuation": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".language-markdown .token.list.punctuation": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".language-markdown .token.title.important > .token.punctuation": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  bold: {
+    fontWeight: "bold"
+  },
+  italic: {
+    fontStyle: "italic"
+  },
+  namespace: {
+    Opacity: "0.8"
+  },
+  "token.tab:not(:empty):before": {
+    color: "hsla(230, 8%, 24%, 0.2)"
+  },
+  "token.cr:before": {
+    color: "hsla(230, 8%, 24%, 0.2)"
+  },
+  "token.lf:before": {
+    color: "hsla(230, 8%, 24%, 0.2)"
+  },
+  "token.space:before": {
+    color: "hsla(230, 8%, 24%, 0.2)"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item": {
+    marginRight: "0.4em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
+    background: "hsl(230, 1%, 90%)",
+    color: "hsl(230, 6%, 44%)",
+    padding: "0.1em 0.4em",
+    borderRadius: "0.3em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
+    background: "hsl(230, 1%, 90%)",
+    color: "hsl(230, 6%, 44%)",
+    padding: "0.1em 0.4em",
+    borderRadius: "0.3em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
+    background: "hsl(230, 1%, 90%)",
+    color: "hsl(230, 6%, 44%)",
+    padding: "0.1em 0.4em",
+    borderRadius: "0.3em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
+    background: "hsl(230, 1%, 78%)",
+    color: "hsl(230, 8%, 24%)"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
+    background: "hsl(230, 1%, 78%)",
+    color: "hsl(230, 8%, 24%)"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
+    background: "hsl(230, 1%, 78%)",
+    color: "hsl(230, 8%, 24%)"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
+    background: "hsl(230, 1%, 78%)",
+    color: "hsl(230, 8%, 24%)"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
+    background: "hsl(230, 1%, 78%)",
+    color: "hsl(230, 8%, 24%)"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
+    background: "hsl(230, 1%, 78%)",
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".line-highlight.line-highlight": {
+    background: "hsla(230, 8%, 24%, 0.05)"
+  },
+  ".line-highlight.line-highlight:before": {
+    background: "hsl(230, 1%, 90%)",
+    color: "hsl(230, 8%, 24%)",
+    padding: "0.1em 0.6em",
+    borderRadius: "0.3em",
+    boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+  },
+  ".line-highlight.line-highlight[data-end]:after": {
+    background: "hsl(230, 1%, 90%)",
+    color: "hsl(230, 8%, 24%)",
+    padding: "0.1em 0.6em",
+    borderRadius: "0.3em",
+    boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+  },
+  "pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": {
+    backgroundColor: "hsla(230, 8%, 24%, 0.05)"
+  },
+  ".line-numbers.line-numbers .line-numbers-rows": {
+    borderRightColor: "hsla(230, 8%, 24%, 0.2)"
+  },
+  ".command-line .command-line-prompt": {
+    borderRightColor: "hsla(230, 8%, 24%, 0.2)"
+  },
+  ".line-numbers .line-numbers-rows > span:before": {
+    color: "hsl(230, 1%, 62%)"
+  },
+  ".command-line .command-line-prompt > span:before": {
+    color: "hsl(230, 1%, 62%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-1": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-5": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-9": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-2": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-6": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-10": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-3": {
+    color: "hsl(221, 87%, 60%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-7": {
+    color: "hsl(221, 87%, 60%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-11": {
+    color: "hsl(221, 87%, 60%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-4": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-8": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-12": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)": {
+    backgroundColor: "hsla(353, 100%, 66%, 0.15)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)": {
+    backgroundColor: "hsla(353, 100%, 66%, 0.15)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)": {
+    backgroundColor: "hsla(137, 100%, 55%, 0.15)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)": {
+    backgroundColor: "hsla(137, 100%, 55%, 0.15)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  ".prism-previewer.prism-previewer:before": {
+    borderColor: "hsl(0, 0, 95%)"
+  },
+  ".prism-previewer-gradient.prism-previewer-gradient div": {
+    borderColor: "hsl(0, 0, 95%)",
+    borderRadius: "0.3em"
+  },
+  ".prism-previewer-color.prism-previewer-color:before": {
+    borderRadius: "0.3em"
+  },
+  ".prism-previewer-easing.prism-previewer-easing:before": {
+    borderRadius: "0.3em"
+  },
+  ".prism-previewer.prism-previewer:after": {
+    borderTopColor: "hsl(0, 0, 95%)"
+  },
+  ".prism-previewer-flipped.prism-previewer-flipped.after": {
+    borderBottomColor: "hsl(0, 0, 95%)"
+  },
+  ".prism-previewer-angle.prism-previewer-angle:before": {
+    background: "hsl(0, 0%, 100%)"
+  },
+  ".prism-previewer-time.prism-previewer-time:before": {
+    background: "hsl(0, 0%, 100%)"
+  },
+  ".prism-previewer-easing.prism-previewer-easing": {
+    background: "hsl(0, 0%, 100%)"
+  },
+  ".prism-previewer-angle.prism-previewer-angle circle": {
+    stroke: "hsl(230, 8%, 24%)",
+    strokeOpacity: "1"
+  },
+  ".prism-previewer-time.prism-previewer-time circle": {
+    stroke: "hsl(230, 8%, 24%)",
+    strokeOpacity: "1"
+  },
+  ".prism-previewer-easing.prism-previewer-easing circle": {
+    stroke: "hsl(230, 8%, 24%)",
+    fill: "transparent"
+  },
+  ".prism-previewer-easing.prism-previewer-easing path": {
+    stroke: "hsl(230, 8%, 24%)"
+  },
+  ".prism-previewer-easing.prism-previewer-easing line": {
+    stroke: "hsl(230, 8%, 24%)"
+  }
+}, Yt = {
+  style: {
+    fontFamily: "DM Mono, monospace",
+    fontSize: "16px"
+  }
+}, Qt = {
+  margin: 0,
+  borderRadius: 0,
+  padding: 0
+}, Xt = (e) => e?.includes("json") ? "json" : e?.includes("html") ? "html" : "text", Zt = ({ code: e, blob: t, contentType: o }) => {
+  const n = le((d) => d.theme) === "dark" ? Wt : Gt, a = Xt(o), c = () => {
+    if (t) {
+      const d = URL.createObjectURL(t);
+      window.open(d, "_blank");
+    }
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col h-full overflow-y-auto", children: [
+    t && /* @__PURE__ */ r.jsx("div", { className: "flex p-8 justify-center", children: /* @__PURE__ */ r.jsxs(O, { variant: "default", onClick: c, children: [
+      /* @__PURE__ */ r.jsx(et, { className: "h-4 w-4" }),
+      " Download"
+    ] }) }),
+    !t && e && /* @__PURE__ */ r.jsx(
+      ct,
+      {
+        showLineNumbers: !0,
+        language: a,
+        style: n,
+        codeTagProps: Yt,
+        customStyle: Qt,
+        wrapLines: !0,
+        children: e
+      }
+    )
+  ] });
+}, Kt = z(() => {
+  const { setResponse: e } = j(), t = j(Ae), { data: o } = Vt(t?.body instanceof Blob ? void 0 : t?.body), [s, n] = _("preview"), a = () => e(void 0);
+  return t ? /* @__PURE__ */ r.jsxs(
+    ae,
+    {
+      value: s,
+      onValueChange: (c) => n(c),
+      className: "border-l border-border",
+      "data-testid": "endpoint-response-container",
+      children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-[1fr_auto] items-center h-10 border-b px-5 bg-card", children: [
+          /* @__PURE__ */ r.jsxs(ie, { children: [
+            /* @__PURE__ */ r.jsx(M, { value: "preview", className: "cursor-pointer", children: "Preview" }),
+            /* @__PURE__ */ r.jsx(M, { value: "headers", className: "grid grid-cols-[auto_auto] gap-2 items-center cursor-pointer", children: "Headers" })
+          ] }),
+          /* @__PURE__ */ r.jsx(O, { variant: "ghost", size: "icon", onClick: a, children: /* @__PURE__ */ r.jsx(W, { className: "h-4 w-4" }) })
+        ] }),
+        /* @__PURE__ */ r.jsx("div", { className: "sticky bottom-0 border-b border-border p-3 text-sm flex items-center gap-1 font-medium", children: /* @__PURE__ */ r.jsxs("div", { className: "flex flex-row items-center flex-1 gap-3", children: [
+          /* @__PURE__ */ r.jsx(Jt, { statusCode: t.statusCode }),
+          !!t.executionTime && /* @__PURE__ */ r.jsxs("div", { className: "text-muted-foreground bg-muted-foreground/10 px-2 py-1 rounded-sm", children: [
+            t.executionTime,
+            "ms"
+          ] })
+        ] }) }),
+        /* @__PURE__ */ r.jsx(L, { value: "preview", children: /* @__PURE__ */ r.jsx(
+          Zt,
+          {
+            code: o,
+            blob: t?.body instanceof Blob ? t.body : void 0,
+            contentType: t.headers["content-type"]
+          }
+        ) }),
+        /* @__PURE__ */ r.jsx(L, { value: "headers", children: /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] gap-4 p-4 overflow-auto auto-rows-max h-full", children: t.headers && Object.entries(t.headers).map(([c, d]) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          /* @__PURE__ */ r.jsx("span", { className: "font-bold text-sm h-8 items-center grid whitespace-nowrap", children: c }),
+          /* @__PURE__ */ r.jsx("span", { className: "text-sm text-muted-foreground h-8 items-center grid whitespace-nowrap", children: d })
+        ] })) }) })
+      ]
+    }
+  ) : null;
+}), er = z(({ method: e, path: t }) => {
+  const { setResponse: o } = j(), s = j(T(de)), n = j(T(Fe)), a = Me(t), [c, d] = _(!1), h = async () => {
+    try {
+      d(!0);
+      const p = Object.values(s).filter((m) => m.active && m.name !== "" && m.value !== "").reduce(
+        (m, b) => (m[b.name.toLowerCase()] = b.value, m),
+        {}
+      ), l = Date.now(), f = await fetch(a, {
+        method: e,
+        headers: p,
+        body: ["GET", "DELETE", "HEAD", "OPTIONS"].includes(e) ? null : n
+      });
+      o(f, l);
+    } catch (p) {
+      console.error("Error triggering endpoint:", p);
+    } finally {
+      d(!1);
+    }
+  };
+  return /* @__PURE__ */ r.jsx(O, { variant: "ghost", size: "icon", onClick: h, disabled: c, "data-testid": "endpoint-play-button", children: c ? /* @__PURE__ */ r.jsx(tt, { className: "animate-spin" }) : /* @__PURE__ */ r.jsx(rt, { className: "h-4 w-4" }) });
+}), tr = (e) => Object.keys(de(e)).length, rr = (e) => Ae(e) !== void 0, or = (e) => Object.keys(ue(e)).length, nr = z(({ endpoint: e, onClose: t }) => {
+  const o = e.method === "GET" || e.method === "DELETE", [s, n] = _(o ? "params" : "body"), [a, c] = _(!1), d = j(T(tr)), h = j(T(rr)), p = j(T(or));
+  return /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: "isolate grid grid-cols-1 overflow-y-auto min-w-0 grid-rows-[auto_1fr] border-l border-border",
+      "data-testid": "endpoint-details-panel",
+      children: [
+        /* @__PURE__ */ r.jsx(We, {}),
+        /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-[1fr_1fr_auto] items-start gap-4 px-5 py-4 border-b bg-card w-full", children: [
+          /* @__PURE__ */ r.jsxs("div", { className: "grid grid-rows-2 gap-2", children: [
+            /* @__PURE__ */ r.jsx(ce, { method: e.method, path: e.path }),
+            e.description && /* @__PURE__ */ r.jsx("p", { className: "text-sm text-muted-foreground", children: e.description })
+          ] }),
+          /* @__PURE__ */ r.jsx("div", { className: "flex items-end justify-end", children: /* @__PURE__ */ r.jsx(
+            O,
+            {
+              variant: "icon",
+              size: "icon",
+              onClick: () => c(!a),
+              "data-testid": "endpoint-spec-button",
+              children: /* @__PURE__ */ r.jsx(ot, {})
+            }
+          ) }),
+          /* @__PURE__ */ r.jsx(O, { variant: "icon", size: "icon", onClick: t, children: /* @__PURE__ */ r.jsx(W, {}) })
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: N("grid grid-cols-[minmax(350px,1fr)_minmax(auto,1fr)]", !h && "grid-cols-1"), children: [
+          /* @__PURE__ */ r.jsxs(ae, { value: s, onValueChange: (l) => n(l), children: [
+            /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-[1fr_auto] items-center h-10 border-b px-5 bg-card", children: [
+              /* @__PURE__ */ r.jsxs(ie, { children: [
+                /* @__PURE__ */ r.jsxs(
+                  M,
+                  {
+                    value: "params",
+                    className: "grid grid-cols-[auto_auto] gap-2 items-center cursor-pointer",
+                    "data-testid": "endpoint-params-tab",
+                    children: [
+                      "Params",
+                      /* @__PURE__ */ r.jsx(xe, { variant: "outline", className: "h-4 px-1.5 text-xs", children: p })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ r.jsx(M, { value: "body", className: "cursor-pointer", "data-testid": "endpoint-body-tab", children: "Body" }),
+                /* @__PURE__ */ r.jsxs(
+                  M,
+                  {
+                    value: "headers",
+                    className: "grid grid-cols-[auto_auto] gap-2 items-center cursor-pointer",
+                    "data-testid": "endpoint-headers-tab",
+                    children: [
+                      "Headers",
+                      /* @__PURE__ */ r.jsx(xe, { variant: "outline", className: "h-4 px-1.5 text-xs", children: d })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ r.jsx(er, { method: e.method, path: e.path.toString() })
+            ] }),
+            /* @__PURE__ */ r.jsx(L, { value: "params", children: /* @__PURE__ */ r.jsx(Ut, { path: e.path }) }),
+            /* @__PURE__ */ r.jsx(L, { value: "body", children: /* @__PURE__ */ r.jsx(Lt, { schema: e.bodySchema }) }),
+            /* @__PURE__ */ r.jsx(L, { value: "headers", children: /* @__PURE__ */ r.jsx(zt, {}) })
+          ] }),
+          /* @__PURE__ */ r.jsx(Kt, {})
+        ] }),
+        a && /* @__PURE__ */ r.jsx(Dt, { endpoint: e, onClose: () => c(!1) })
+      ]
+    }
+  );
+}), hr = () => {
+  const { endpoints: e, groupedEndpoints: t } = Ct(), { selectedEndpointId: o, setSelectedEndpointId: s, toggleFlowGroupStatus: n, flowGroupStatus: a } = j(), c = F(
+    () => e.find((f) => f.id === o),
+    [e, o]
+  ), d = R(() => {
+    s("");
+  }, [s]), [h, p] = _(""), l = F(() => Object.entries(t).filter(([f, m]) => m.some(
+    (b) => b.method?.toLowerCase().includes(h.toLowerCase()) || b.path?.toLowerCase().includes(h.toLowerCase())
+  )), [t, h]);
+  return /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: N("grid h-full max-h-full", c ? "grid-cols-[300px_1fr] " : "grid-cols-1"),
+      "data-testid": "endpoints-list",
+      children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "grid grid-rows-[auto_1fr] h-full overflow-auto min-w-0", children: [
+          /* @__PURE__ */ r.jsx(ht, { value: h, onChange: p, onClear: () => p("") }),
+          /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-1 auto-rows-max overflow-auto min-w-0", children: l.map(([f, m]) => {
+            const b = m.some((u) => u.id === o), w = !a[f] || b || h !== "";
+            return /* @__PURE__ */ r.jsx(
+              bt,
+              {
+                flow: f,
+                endpoints: m,
+                isOpen: w,
+                isSelected: b,
+                onToggle: n,
+                onClearSelection: () => s(""),
+                selectedEndpointId: o,
+                onSelectEndpoint: s
+              },
+              f
+            );
+          }) })
+        ] }),
+        c && /* @__PURE__ */ r.jsx(nr, { endpoint: c, onClose: d })
+      ]
+    }
+  );
+};
+export {
+  hr as EndpointsPage
+};