@rebasepro/studio 0.0.1-canary.09e5ec5

package/dist/ApiExplorer-gMJt5JrS.js

@@ -0,0 +1,1053 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useMemo, useEffect, useCallback } from "react";
+import { useRebaseContext, useApiConfig, useAuthController } from "@rebasepro/core";
+import { Typography, iconSize, cls, defaultBorderMixin, Chip, Button, Alert, CircularProgress, SearchBar } from "@rebasepro/ui";
+import { SlidersHorizontalIcon, UploadIcon, ArrowRightFromLineIcon, LoaderIcon, SendIcon, PlusIcon, XIcon, BookOpenIcon, PlayIcon } from "lucide-react";
+import { c } from "react-compiler-runtime";
+import { A as AuthSimulationSelector } from "./AuthSimulationSelector-BF4rkRGp.js";
+function parseOpenApiSpec(spec) {
+  const allEndpoints = [];
+  const tagMap = /* @__PURE__ */ new Map();
+  const tagDescriptions = /* @__PURE__ */ new Map();
+  for (const t of spec.tags ?? []) {
+    tagDescriptions.set(t.name, t.description ?? "");
+  }
+  for (const [path, methods] of Object.entries(spec.paths ?? {})) {
+    for (const [method, op] of Object.entries(methods)) {
+      if (["get", "post", "put", "patch", "delete"].indexOf(method) === -1) continue;
+      const tags = op.tags?.length ? op.tags : ["Other"];
+      const shortPath = path.replace(/^\/api\/data/, "");
+      const endpoint = {
+        id: `${method}:${path}`,
+        method,
+        path,
+        shortPath: shortPath || "/",
+        summary: op.summary ?? "",
+        description: op.description ?? "",
+        tags,
+        parameters: op.parameters ?? [],
+        requestBody: op.requestBody,
+        responses: op.responses ?? {},
+        security: op.security,
+        operationId: op.operationId
+      };
+      allEndpoints.push(endpoint);
+      for (const tag of tags) {
+        if (!tagMap.has(tag)) tagMap.set(tag, []);
+        tagMap.get(tag).push(endpoint);
+      }
+    }
+  }
+  const ORDER = {
+    get: 0,
+    post: 1,
+    put: 2,
+    patch: 3,
+    delete: 4
+  };
+  const groups = [];
+  const tagOrder = (spec.tags ?? []).map((t) => t.name);
+  const sortedTags = [...tagMap.keys()].sort((a, b) => {
+    const ai = tagOrder.indexOf(a);
+    const bi = tagOrder.indexOf(b);
+    if (ai !== -1 && bi !== -1) return ai - bi;
+    if (ai !== -1) return -1;
+    if (bi !== -1) return 1;
+    return a.localeCompare(b);
+  });
+  for (const tag of sortedTags) {
+    const endpoints = tagMap.get(tag);
+    endpoints.sort((a, b) => {
+      const pa = a.path.localeCompare(b.path);
+      if (pa !== 0) return pa;
+      return (ORDER[a.method] ?? 99) - (ORDER[b.method] ?? 99);
+    });
+    groups.push({
+      tag,
+      description: tagDescriptions.get(tag),
+      endpoints
+    });
+  }
+  return {
+    groups,
+    allEndpoints
+  };
+}
+function resolveRefName(ref) {
+  const parts = ref.split("/");
+  return parts[parts.length - 1];
+}
+function resolveRef(spec, ref) {
+  const parts = ref.replace("#/", "").split("/");
+  let current = spec;
+  for (const part of parts) {
+    current = current?.[part];
+  }
+  return current ?? {};
+}
+function EndpointDetail(t0) {
+  const $ = c(21);
+  const {
+    endpoint,
+    spec
+  } = t0;
+  let t1;
+  if ($[0] !== endpoint.description || $[1] !== endpoint.summary) {
+    t1 = (endpoint.summary || endpoint.description) && /* @__PURE__ */ jsxs("div", { children: [
+      endpoint.summary && /* @__PURE__ */ jsx(Typography, { variant: "h6", className: "font-semibold mb-1", children: endpoint.summary }),
+      endpoint.description && /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-text-secondary dark:text-text-secondary-dark", children: endpoint.description })
+    ] });
+    $[0] = endpoint.description;
+    $[1] = endpoint.summary;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== endpoint.parameters) {
+    t2 = endpoint.parameters.length > 0 && /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx(SectionHeading, { icon: /* @__PURE__ */ jsx(SlidersHorizontalIcon, { size: iconSize.small, className: "text-text-secondary dark:text-text-secondary-dark" }), title: "Parameters" }),
+      /* @__PURE__ */ jsx("div", { className: cls("rounded-lg border overflow-hidden", defaultBorderMixin), children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "bg-surface-100 dark:bg-surface-900 text-left", children: [
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark", children: "Name" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark", children: "In" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark", children: "Type" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark", children: "Description" })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: endpoint.parameters.map(_temp) })
+      ] }) })
+    ] });
+    $[3] = endpoint.parameters;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== endpoint.requestBody || $[6] !== spec) {
+    t3 = endpoint.requestBody && /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx(SectionHeading, { icon: /* @__PURE__ */ jsx(UploadIcon, { size: iconSize.small, className: "text-text-secondary dark:text-text-secondary-dark" }), title: "Request Body" }),
+      Object.entries(endpoint.requestBody.content ?? {}).map((t42) => {
+        const [contentType, media] = t42;
+        return /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Chip, { size: "smallest", colorScheme: "blueDarker", className: "mb-3", children: contentType }),
+          media.schema && /* @__PURE__ */ jsx(SchemaBlock, { schema: media.schema, spec, depth: 0 })
+        ] }, contentType);
+      })
+    ] });
+    $[5] = endpoint.requestBody;
+    $[6] = spec;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx(SectionHeading, { icon: /* @__PURE__ */ jsx(ArrowRightFromLineIcon, { size: iconSize.small, className: "text-text-secondary dark:text-text-secondary-dark" }), title: "Responses" });
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== endpoint.responses || $[10] !== spec) {
+    let t62;
+    if ($[12] !== spec) {
+      t62 = (t72) => {
+        const [code, res] = t72;
+        return /* @__PURE__ */ jsxs("div", { className: cls("rounded-lg border overflow-hidden", defaultBorderMixin), children: [
+          /* @__PURE__ */ jsxs("div", { className: cls("flex items-center gap-3 px-4 py-2.5", "bg-surface-50 dark:bg-surface-900/50"), children: [
+            /* @__PURE__ */ jsx(StatusBadge, { code }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-text-secondary dark:text-text-secondary-dark text-xs", children: res.description })
+          ] }),
+          res.content && Object.entries(res.content).map((t8) => {
+            const [ct, media_0] = t8;
+            return media_0.schema && /* @__PURE__ */ jsx("div", { className: cls("px-4 py-3 border-t", defaultBorderMixin), children: /* @__PURE__ */ jsx(SchemaBlock, { schema: media_0.schema, spec, depth: 0 }) }, ct);
+          })
+        ] }, code);
+      };
+      $[12] = spec;
+      $[13] = t62;
+    } else {
+      t62 = $[13];
+    }
+    t5 = Object.entries(endpoint.responses).map(t62);
+    $[9] = endpoint.responses;
+    $[10] = spec;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[14] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("section", { children: [
+      t4,
+      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: t5 })
+    ] });
+    $[14] = t5;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] !== t1 || $[17] !== t2 || $[18] !== t3 || $[19] !== t6) {
+    t7 = /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-8 max-w-4xl", children: [
+      t1,
+      t2,
+      t3,
+      t6
+    ] });
+    $[16] = t1;
+    $[17] = t2;
+    $[18] = t3;
+    $[19] = t6;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  return t7;
+}
+function _temp(p, i) {
+  return /* @__PURE__ */ jsxs("tr", { className: cls("border-t", defaultBorderMixin), children: [
+    /* @__PURE__ */ jsxs("td", { className: "px-4 py-2.5", children: [
+      /* @__PURE__ */ jsx("code", { className: "text-xs font-mono font-semibold", children: p.name }),
+      p.required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-1 text-xs", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5", children: /* @__PURE__ */ jsx(Chip, { size: "smallest", colorScheme: p.in === "path" ? "orangeDarker" : "cyanDarker", children: p.in }) }),
+    /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5 text-xs font-mono text-text-secondary dark:text-text-secondary-dark", children: schemaTypeLabel(p.schema) }),
+    /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5 text-xs text-text-secondary dark:text-text-secondary-dark", children: p.description ?? "—" })
+  ] }, p.name + i);
+}
+function SchemaBlock(t0) {
+  const $ = c(43);
+  const {
+    schema,
+    spec,
+    depth
+  } = t0;
+  if (schema.$ref) {
+    let t12;
+    if ($[0] !== schema.$ref) {
+      t12 = resolveRefName(schema.$ref);
+      $[0] = schema.$ref;
+      $[1] = t12;
+    } else {
+      t12 = $[1];
+    }
+    const name = t12;
+    let t22;
+    if ($[2] !== schema.$ref || $[3] !== spec) {
+      t22 = resolveRef(spec, schema.$ref);
+      $[2] = schema.$ref;
+      $[3] = spec;
+      $[4] = t22;
+    } else {
+      t22 = $[4];
+    }
+    const resolved = t22;
+    let t3;
+    if ($[5] !== name) {
+      t3 = /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-primary dark:text-primary-dark font-mono text-xs mb-2 block", children: name });
+      $[5] = name;
+      $[6] = t3;
+    } else {
+      t3 = $[6];
+    }
+    let t4;
+    if ($[7] !== depth || $[8] !== resolved || $[9] !== spec) {
+      t4 = /* @__PURE__ */ jsx(SchemaBlock, { schema: resolved, spec, depth });
+      $[7] = depth;
+      $[8] = resolved;
+      $[9] = spec;
+      $[10] = t4;
+    } else {
+      t4 = $[10];
+    }
+    let t5;
+    if ($[11] !== t3 || $[12] !== t4) {
+      t5 = /* @__PURE__ */ jsxs("div", { children: [
+        t3,
+        t4
+      ] });
+      $[11] = t3;
+      $[12] = t4;
+      $[13] = t5;
+    } else {
+      t5 = $[13];
+    }
+    return t5;
+  }
+  if (schema.properties) {
+    let t12;
+    if ($[14] !== schema.required) {
+      t12 = schema.required ?? [];
+      $[14] = schema.required;
+      $[15] = t12;
+    } else {
+      t12 = $[15];
+    }
+    let t22;
+    if ($[16] !== t12) {
+      t22 = new Set(t12);
+      $[16] = t12;
+      $[17] = t22;
+    } else {
+      t22 = $[17];
+    }
+    const required = t22;
+    const t3 = depth > 0 && `border ml-4 mt-1 ${defaultBorderMixin}`;
+    let t4;
+    if ($[18] !== t3) {
+      t4 = cls("rounded-lg overflow-hidden", t3);
+      $[18] = t3;
+      $[19] = t4;
+    } else {
+      t4 = $[19];
+    }
+    let t5;
+    if ($[20] !== depth || $[21] !== required || $[22] !== schema.properties || $[23] !== spec) {
+      let t62;
+      if ($[25] !== depth || $[26] !== required || $[27] !== spec) {
+        t62 = (t72) => {
+          const [key, prop] = t72;
+          return /* @__PURE__ */ jsxs("tr", { className: cls("border-t first:border-t-0", defaultBorderMixin), children: [
+            /* @__PURE__ */ jsxs("td", { className: "px-3 py-2 align-top w-36", children: [
+              /* @__PURE__ */ jsx("code", { className: "font-mono font-semibold text-text-primary dark:text-text-primary-dark", children: key }),
+              required.has(key) && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5", children: "*" }),
+              prop.readOnly && /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-[9px] text-text-secondary dark:text-text-secondary-dark italic", children: "read-only" })
+            ] }),
+            /* @__PURE__ */ jsx("td", { className: "px-3 py-2 align-top w-28", children: /* @__PURE__ */ jsx("span", { className: "font-mono text-text-secondary dark:text-text-secondary-dark", children: schemaTypeLabel(prop) }) }),
+            /* @__PURE__ */ jsxs("td", { className: "px-3 py-2 align-top text-text-secondary dark:text-text-secondary-dark", children: [
+              prop.description ?? "",
+              prop.enum && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: prop.enum.map(_temp2) }),
+              prop.properties && /* @__PURE__ */ jsx(SchemaBlock, { schema: prop, spec, depth: depth + 1 }),
+              prop.$ref && /* @__PURE__ */ jsx(SchemaBlock, { schema: prop, spec, depth: depth + 1 })
+            ] })
+          ] }, key);
+        };
+        $[25] = depth;
+        $[26] = required;
+        $[27] = spec;
+        $[28] = t62;
+      } else {
+        t62 = $[28];
+      }
+      t5 = Object.entries(schema.properties).map(t62);
+      $[20] = depth;
+      $[21] = required;
+      $[22] = schema.properties;
+      $[23] = spec;
+      $[24] = t5;
+    } else {
+      t5 = $[24];
+    }
+    let t6;
+    if ($[29] !== t5) {
+      t6 = /* @__PURE__ */ jsx("table", { className: "w-full text-xs", children: /* @__PURE__ */ jsx("tbody", { children: t5 }) });
+      $[29] = t5;
+      $[30] = t6;
+    } else {
+      t6 = $[30];
+    }
+    let t7;
+    if ($[31] !== t4 || $[32] !== t6) {
+      t7 = /* @__PURE__ */ jsx("div", { className: t4, children: t6 });
+      $[31] = t4;
+      $[32] = t6;
+      $[33] = t7;
+    } else {
+      t7 = $[33];
+    }
+    return t7;
+  }
+  if (schema.type === "array" && schema.items) {
+    let t12;
+    if ($[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t12 = /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-text-secondary dark:text-text-secondary-dark", children: "Array of:" });
+      $[34] = t12;
+    } else {
+      t12 = $[34];
+    }
+    const t22 = depth + 1;
+    let t3;
+    if ($[35] !== schema.items || $[36] !== spec || $[37] !== t22) {
+      t3 = /* @__PURE__ */ jsxs("div", { children: [
+        t12,
+        /* @__PURE__ */ jsx(SchemaBlock, { schema: schema.items, spec, depth: t22 })
+      ] });
+      $[35] = schema.items;
+      $[36] = spec;
+      $[37] = t22;
+      $[38] = t3;
+    } else {
+      t3 = $[38];
+    }
+    return t3;
+  }
+  let t1;
+  if ($[39] !== schema) {
+    t1 = schemaTypeLabel(schema);
+    $[39] = schema;
+    $[40] = t1;
+  } else {
+    t1 = $[40];
+  }
+  let t2;
+  if ($[41] !== t1) {
+    t2 = /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-text-secondary dark:text-text-secondary-dark", children: t1 });
+    $[41] = t1;
+    $[42] = t2;
+  } else {
+    t2 = $[42];
+  }
+  return t2;
+}
+function _temp2(v) {
+  return /* @__PURE__ */ jsx("span", { className: "px-1.5 py-0.5 rounded bg-surface-200 dark:bg-surface-800 text-[10px] font-mono", children: String(v) }, String(v));
+}
+function schemaTypeLabel(schema) {
+  if (!schema) return "any";
+  if (schema.$ref) return resolveRefName(schema.$ref);
+  if (schema.type === "array") return `${schemaTypeLabel(schema.items)}[]`;
+  if (schema.format) return `${schema.type} (${schema.format})`;
+  return schema.type ?? "object";
+}
+function SectionHeading(t0) {
+  const $ = c(5);
+  const {
+    icon,
+    title
+  } = t0;
+  let t1;
+  if ($[0] !== title) {
+    t1 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "font-semibold text-sm", children: title });
+    $[0] = title;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== icon || $[3] !== t1) {
+    t2 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+      icon,
+      t1
+    ] });
+    $[2] = icon;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+function StatusBadge(t0) {
+  const $ = c(5);
+  const {
+    code
+  } = t0;
+  const n = parseInt(code, 10);
+  const color = n < 300 ? "text-emerald-600 dark:text-emerald-400" : n < 400 ? "text-blue-600 dark:text-blue-400" : n < 500 ? "text-amber-600 dark:text-amber-400" : "text-red-600 dark:text-red-400";
+  let t1;
+  if ($[0] !== color) {
+    t1 = cls("text-xs font-bold font-mono", color);
+    $[0] = color;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== code || $[3] !== t1) {
+    t2 = /* @__PURE__ */ jsx("span", { className: t1, children: code });
+    $[2] = code;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+function TryItPanel({
+  endpoint,
+  apiUrl,
+  getAuthToken,
+  user,
+  basePath = ""
+}) {
+  const storageKey = `rebase_apiexplorer_${endpoint.method}_${endpoint.path}`;
+  const [pathParams, setPathParams] = useState(() => {
+    try {
+      const v = localStorage.getItem(`${storageKey}_path`);
+      if (v) return JSON.parse(v);
+    } catch {
+    }
+    return {};
+  });
+  const [queryParams, setQueryParams] = useState(() => {
+    try {
+      const v_0 = localStorage.getItem(`${storageKey}_query`);
+      if (v_0) return JSON.parse(v_0);
+    } catch {
+    }
+    return {};
+  });
+  const [customHeaders, setCustomHeaders] = useState(() => {
+    try {
+      const v_1 = localStorage.getItem(`${storageKey}_headers`);
+      if (v_1) return JSON.parse(v_1);
+    } catch {
+    }
+    return [{
+      key: "rebase-branch",
+      value: ""
+    }];
+  });
+  const [body, setBody] = useState(() => {
+    try {
+      const v_2 = localStorage.getItem(`${storageKey}_body`);
+      if (v_2) return JSON.parse(v_2);
+    } catch {
+    }
+    return buildBodyTemplate(endpoint);
+  });
+  const [response, setResponse] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [authMode, setAuthMode] = useState("jwt");
+  const [validationError, setValidationError] = useState(null);
+  const rebaseContext = useRebaseContext();
+  const userManagement = rebaseContext.userManagement;
+  const currentUser = rebaseContext.authController?.user;
+  const users = useMemo(() => {
+    const managed = (userManagement?.users ?? []).map((u) => ({
+      uid: u.uid,
+      displayName: u.displayName,
+      email: u.email,
+      photoURL: u.photoURL,
+      roles: u.roles
+    }));
+    if (currentUser && !managed.some((u_0) => u_0.uid === currentUser.uid)) {
+      managed.unshift({
+        uid: currentUser.uid,
+        displayName: currentUser.displayName,
+        email: currentUser.email,
+        photoURL: currentUser.photoURL,
+        roles: currentUser.roles
+      });
+    }
+    return managed;
+  }, [userManagement?.users, currentUser]);
+  const currentSelectableUser = useMemo(() => {
+    if (!currentUser) return null;
+    return {
+      uid: currentUser.uid,
+      displayName: currentUser.displayName,
+      email: currentUser.email,
+      photoURL: currentUser.photoURL,
+      roles: currentUser.roles
+    };
+  }, [currentUser]);
+  const [selectedUser, setSelectedUser] = useState(null);
+  useEffect(() => {
+    localStorage.setItem(`${storageKey}_path`, JSON.stringify(pathParams));
+    localStorage.setItem(`${storageKey}_query`, JSON.stringify(queryParams));
+    localStorage.setItem(`${storageKey}_headers`, JSON.stringify(customHeaders));
+    localStorage.setItem(`${storageKey}_body`, JSON.stringify(body));
+  }, [storageKey, pathParams, queryParams, customHeaders, body]);
+  const resolvedUrl = useMemo(() => {
+    const base = basePath.startsWith("/") ? basePath : `/${basePath}`;
+    const cleanBase = base === "/" ? "" : base;
+    let url = `${apiUrl.replace(/\/+$/, "")}${cleanBase}${endpoint.path}`;
+    for (const [key, val] of Object.entries(pathParams)) {
+      url = url.replace(`{${key}}`, encodeURIComponent(val));
+    }
+    const qp = Object.entries(queryParams).filter(([, v_3]) => v_3.trim() !== "");
+    if (qp.length > 0) {
+      url += "?" + qp.map(([k, v_4]) => `${encodeURIComponent(k)}=${encodeURIComponent(v_4)}`).join("&");
+    }
+    return url;
+  }, [apiUrl, basePath, endpoint.path, pathParams, queryParams]);
+  const pathParamDefs = endpoint.parameters.filter((p) => p.in === "path");
+  const queryParamDefs = endpoint.parameters.filter((p_0) => p_0.in === "query");
+  const hasBody = ["post", "put", "patch"].includes(endpoint.method);
+  const execute = useCallback(async () => {
+    setValidationError(null);
+    if (hasBody && body.trim()) {
+      try {
+        JSON.parse(body);
+      } catch (err) {
+        setValidationError(`Invalid JSON: ${err.message}`);
+        return;
+      }
+    }
+    setLoading(true);
+    setResponse(null);
+    const start = performance.now();
+    try {
+      const headers = {
+        "Content-Type": "application/json"
+      };
+      for (const h of customHeaders) {
+        if (h.key.trim()) headers[h.key.trim()] = h.value;
+      }
+      if (authMode === "jwt") {
+        const token = await getAuthToken();
+        if (token) headers["Authorization"] = `Bearer ${token}`;
+        if (selectedUser && selectedUser.uid !== currentUser?.uid) {
+          headers["x-rebase-impersonate"] = selectedUser.uid;
+        }
+      }
+      const res = await fetch(resolvedUrl, {
+        method: endpoint.method.toUpperCase(),
+        headers,
+        body: hasBody && body.trim() ? body : void 0
+      });
+      const elapsed = Math.round(performance.now() - start);
+      let text;
+      const rawText = await res.text();
+      try {
+        const json = JSON.parse(rawText);
+        text = JSON.stringify(json, null, 2);
+      } catch {
+        text = rawText;
+      }
+      setResponse({
+        status: res.status,
+        statusText: res.statusText,
+        body: text,
+        time: elapsed
+      });
+    } catch (err_0) {
+      setResponse({
+        status: 0,
+        statusText: "Network Error",
+        body: err_0.message ?? "Request failed",
+        time: Math.round(performance.now() - start)
+      });
+    } finally {
+      setLoading(false);
+    }
+  }, [resolvedUrl, endpoint.method, hasBody, body, authMode, getAuthToken, customHeaders, selectedUser, currentUser?.uid]);
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col h-full", children: /* @__PURE__ */ jsxs("div", { className: "p-5 space-y-5 overflow-y-auto flex-1", children: [
+    /* @__PURE__ */ jsx(AuthSimulationSelector, { authMode, setAuthMode, selectedUser, setSelectedUser, users, loading: userManagement?.loading, currentUser: currentSelectableUser }),
+    pathParamDefs.length > 0 && /* @__PURE__ */ jsx(ParamSection, { title: "Path Parameters", params: pathParamDefs, values: pathParams, onChange: (k_0, v_5) => setPathParams((prev) => ({
+      ...prev,
+      [k_0]: v_5
+    })) }),
+    queryParamDefs.length > 0 && /* @__PURE__ */ jsx(ParamSection, { title: "Query Parameters", params: queryParamDefs, values: queryParams, onChange: (k_1, v_6) => setQueryParams((prev_0) => ({
+      ...prev_0,
+      [k_1]: v_6
+    })) }),
+    /* @__PURE__ */ jsx(CustomKeyValueSection, { title: "Custom Headers", values: customHeaders, onChange: (i, k_2, v_7) => {
+      const next = [...customHeaders];
+      next[i] = {
+        key: k_2,
+        value: v_7
+      };
+      setCustomHeaders(next);
+    }, onAdd: () => setCustomHeaders((prev_1) => [...prev_1, {
+      key: "",
+      value: ""
+    }]), onRemove: (i_0) => {
+      const next_0 = [...customHeaders];
+      next_0.splice(i_0, 1);
+      setCustomHeaders(next_0);
+    } }),
+    hasBody && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-xs font-semibold uppercase tracking-wider mb-2 block", children: "Request Body" }),
+      /* @__PURE__ */ jsx("textarea", { value: body, onChange: (e) => {
+        setBody(e.target.value);
+        setValidationError(null);
+      }, rows: 10, spellCheck: false, className: cls("w-full font-mono text-xs p-3 rounded-lg resize-y", "bg-surface-50 dark:bg-surface-900", validationError ? "border-red-500 focus:ring-red-500/30" : cls("border focus:ring-primary/30 dark:focus:ring-primary-dark/30", defaultBorderMixin), "text-text-primary dark:text-text-primary-dark", "focus:outline-none focus:ring-2", "transition-all") }),
+      validationError && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-red-500 mt-1 block text-xs", children: validationError })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-surface-100 dark:bg-surface-900 p-3", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-[10px] uppercase tracking-wider block mb-1", children: "Request URL" }),
+      /* @__PURE__ */ jsx("code", { className: "text-xs font-mono text-text-primary dark:text-text-primary-dark break-all", children: resolvedUrl })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { variant: "filled", onClick: execute, disabled: loading, className: "w-full", children: loading ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(LoaderIcon, { size: iconSize.small, className: "animate-spin" }),
+      "Sending…"
+    ] }) : /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(SendIcon, { size: iconSize.small }),
+      "Send Request"
+    ] }) }),
+    response && /* @__PURE__ */ jsxs("div", { className: cls("rounded-lg border overflow-hidden", defaultBorderMixin), children: [
+      /* @__PURE__ */ jsxs("div", { className: cls("flex items-center justify-between px-4 py-2.5", "bg-surface-50 dark:bg-surface-900/50"), children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(ResponseBadge, { status: response.status }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-xs", children: response.statusText })
+        ] }),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-xs font-mono", children: [
+          response.time,
+          "ms"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("pre", { className: cls("p-4 text-xs font-mono overflow-auto max-h-96", "bg-surface-950 text-emerald-400", "dark:bg-surface-900 dark:text-emerald-400"), children: response.body })
+    ] })
+  ] }) });
+}
+function ParamSection(t0) {
+  const $ = c(14);
+  const {
+    title,
+    params,
+    values,
+    onChange
+  } = t0;
+  let t1;
+  if ($[0] !== title) {
+    t1 = /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-xs font-semibold uppercase tracking-wider mb-2 block", children: title });
+    $[0] = title;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== onChange || $[3] !== params || $[4] !== values) {
+    let t32;
+    if ($[6] !== onChange || $[7] !== values) {
+      t32 = (p) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs("label", { className: "w-32 shrink-0", children: [
+          /* @__PURE__ */ jsx("code", { className: "text-xs font-mono font-semibold", children: p.name }),
+          p.required && /* @__PURE__ */ jsx("span", { className: "text-red-500 ml-0.5 text-xs", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsx("input", { type: "text", placeholder: p.description ?? p.name, value: values[p.name] ?? "", onChange: (e) => onChange(p.name, e.target.value), className: cls("flex-1 px-3 py-1.5 text-xs rounded-lg font-mono", "bg-surface-50 dark:bg-surface-900", "border", defaultBorderMixin, "text-text-primary dark:text-text-primary-dark", "placeholder:text-text-secondary/50", "focus:outline-none focus:ring-2 focus:ring-primary/30", "transition-all") })
+      ] }, p.name);
+      $[6] = onChange;
+      $[7] = values;
+      $[8] = t32;
+    } else {
+      t32 = $[8];
+    }
+    t2 = params.map(t32);
+    $[2] = onChange;
+    $[3] = params;
+    $[4] = values;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[9] !== t2) {
+    t3 = /* @__PURE__ */ jsx("div", { className: "space-y-2", children: t2 });
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== t1 || $[12] !== t3) {
+    t4 = /* @__PURE__ */ jsxs("div", { children: [
+      t1,
+      t3
+    ] });
+    $[11] = t1;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+}
+function CustomKeyValueSection(t0) {
+  const $ = c(23);
+  const {
+    title,
+    values,
+    onChange,
+    onAdd,
+    onRemove
+  } = t0;
+  let t1;
+  if ($[0] !== title) {
+    t1 = /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-xs font-semibold uppercase tracking-wider block", children: title });
+    $[0] = title;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx(PlusIcon, { size: iconSize.small, className: "mr-1" });
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== onAdd) {
+    t3 = /* @__PURE__ */ jsxs("button", { onClick: onAdd, className: "text-xs text-primary dark:text-primary-dark hover:underline flex items-center gap-1 font-medium", children: [
+      t2,
+      " Add Header"
+    ] });
+    $[3] = onAdd;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t1 || $[6] !== t3) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+      t1,
+      t3
+    ] });
+    $[5] = t1;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== onChange || $[9] !== onRemove || $[10] !== values) {
+    let t62;
+    if ($[12] !== onChange || $[13] !== onRemove) {
+      t62 = (v, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("input", { type: "text", placeholder: "Header name", value: v.key, onChange: (e) => onChange(i, e.target.value, v.value), className: cls("w-1/3 px-3 py-1.5 text-xs rounded-lg font-mono", "bg-surface-50 dark:bg-surface-900", "border", defaultBorderMixin, "text-text-primary dark:text-text-primary-dark", "placeholder:text-text-secondary/50", "focus:outline-none focus:ring-2 focus:ring-primary/30", "transition-all") }),
+        /* @__PURE__ */ jsx("input", { type: "text", placeholder: "Value", value: v.value, onChange: (e_0) => onChange(i, v.key, e_0.target.value), className: cls("flex-1 px-3 py-1.5 text-xs rounded-lg font-mono", "bg-surface-50 dark:bg-surface-900", "border", defaultBorderMixin, "text-text-primary dark:text-text-primary-dark", "placeholder:text-text-secondary/50", "focus:outline-none focus:ring-2 focus:ring-primary/30", "transition-all") }),
+        /* @__PURE__ */ jsx("button", { onClick: () => onRemove(i), className: "p-1.5 text-text-secondary hover:text-red-500 rounded transition-colors flex items-center justify-center shrink-0", title: "Remove", children: /* @__PURE__ */ jsx(XIcon, { size: iconSize.small }) })
+      ] }, i);
+      $[12] = onChange;
+      $[13] = onRemove;
+      $[14] = t62;
+    } else {
+      t62 = $[14];
+    }
+    t5 = values.map(t62);
+    $[8] = onChange;
+    $[9] = onRemove;
+    $[10] = values;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[15] !== values.length) {
+    t6 = values.length === 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-text-secondary/50 italic text-xs", children: "No custom headers added." });
+    $[15] = values.length;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] !== t5 || $[18] !== t6) {
+    t7 = /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      t5,
+      t6
+    ] });
+    $[17] = t5;
+    $[18] = t6;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== t4 || $[21] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { children: [
+      t4,
+      t7
+    ] });
+    $[20] = t4;
+    $[21] = t7;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  return t8;
+}
+function ResponseBadge(t0) {
+  const $ = c(5);
+  const {
+    status
+  } = t0;
+  let colorClass = "text-red-500";
+  if (status >= 200 && status < 300) {
+    colorClass = "text-emerald-500";
+  } else {
+    if (status >= 300 && status < 400) {
+      colorClass = "text-blue-500";
+    } else {
+      if (status >= 400 && status < 500) {
+        colorClass = "text-amber-500";
+      }
+    }
+  }
+  let t1;
+  if ($[0] !== colorClass) {
+    t1 = cls("text-xs font-bold font-mono", colorClass);
+    $[0] = colorClass;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = status || "ERR";
+  let t3;
+  if ($[2] !== t1 || $[3] !== t2) {
+    t3 = /* @__PURE__ */ jsx("span", { className: t1, children: t2 });
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  return t3;
+}
+function buildBodyTemplate(endpoint) {
+  if (!endpoint.requestBody?.content) return "{\n  \n}";
+  const json = endpoint.requestBody.content["application/json"];
+  if (!json?.schema?.properties) return "{\n  \n}";
+  const props = json.schema.properties;
+  const lines = ["{"];
+  const keys = Object.keys(props);
+  keys.forEach((key, i) => {
+    const prop = props[key];
+    if (prop.readOnly) return;
+    const comma = i < keys.length - 1 ? "," : "";
+    const val = defaultValue(prop);
+    lines.push(`  "${key}": ${val}${comma}`);
+  });
+  lines.push("}");
+  return lines.join("\n");
+}
+function defaultValue(schema) {
+  if (schema.enum) return JSON.stringify(schema.enum[0]);
+  switch (schema.type) {
+    case "string":
+      return schema.format === "date-time" ? `"${(/* @__PURE__ */ new Date()).toISOString()}"` : '""';
+    case "number":
+    case "integer":
+      return "0";
+    case "boolean":
+      return "false";
+    case "array":
+      return "[]";
+    default:
+      return "null";
+  }
+}
+function ApiExplorer() {
+  const apiConfig = useApiConfig();
+  const authController = useAuthController();
+  const apiUrl = apiConfig?.apiUrl;
+  const [spec, setSpec] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [selectedEndpoint, setSelectedEndpoint] = useState(null);
+  const [sidebarFilter, setSidebarFilter] = useState("");
+  const [tryItOpen, setTryItOpen] = useState(false);
+  useEffect(() => {
+    if (!apiUrl) return;
+    let cancelled = false;
+    const specUrl = `${apiUrl.replace(/\/+$/, "")}/api/docs`;
+    (async () => {
+      try {
+        const res = await fetch(specUrl);
+        if (!res.ok) throw new Error(`${res.status} ${res.statusText}`);
+        const data = await res.json();
+        if (!cancelled) {
+          setSpec(data);
+          setLoading(false);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          setError(err.message ?? "Failed to load API spec");
+          setLoading(false);
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [apiUrl]);
+  const {
+    groups,
+    allEndpoints
+  } = useMemo(() => {
+    if (!spec) return {
+      groups: [],
+      allEndpoints: []
+    };
+    return parseOpenApiSpec(spec);
+  }, [spec]);
+  const filteredGroups = useMemo(() => {
+    if (!sidebarFilter.trim()) return groups;
+    const q = sidebarFilter.toLowerCase();
+    return groups.map((g) => ({
+      ...g,
+      endpoints: g.endpoints.filter((e) => e.path.toLowerCase().includes(q) || e.summary.toLowerCase().includes(q) || e.method.toLowerCase().includes(q))
+    })).filter((g_0) => g_0.endpoints.length > 0);
+  }, [groups, sidebarFilter]);
+  useEffect(() => {
+    if (!selectedEndpoint && allEndpoints.length > 0) {
+      setSelectedEndpoint(allEndpoints[0]);
+    }
+  }, [allEndpoints, selectedEndpoint]);
+  if (!apiUrl) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full w-full p-8", children: /* @__PURE__ */ jsx(Alert, { color: "warning", children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+      "No API URL configured. Ensure your app provides an",
+      " ",
+      /* @__PURE__ */ jsx("code", { className: "font-mono text-xs", children: "apiUrl" }),
+      "."
+    ] }) }) });
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full w-full gap-4", children: [
+      /* @__PURE__ */ jsx(CircularProgress, { size: "medium" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-text-secondary dark:text-text-secondary-dark animate-pulse", children: "Loading API specification…" })
+    ] });
+  }
+  if (error || !spec) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full w-full p-8", children: /* @__PURE__ */ jsx(Alert, { color: "error", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: error ?? "Unknown error" }) }) });
+  }
+  const METHOD_COLORS = {
+    get: "text-blue-600 dark:text-blue-400",
+    post: "text-emerald-600 dark:text-emerald-400",
+    put: "text-amber-600 dark:text-amber-400",
+    patch: "text-orange-600 dark:text-orange-400",
+    delete: "text-red-600 dark:text-red-400"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: cls("w-72 min-w-[272px] flex flex-col h-full overflow-hidden border-r", defaultBorderMixin, "bg-surface-50 dark:bg-surface-900"), children: [
+      /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(BookOpenIcon, { size: iconSize.medium, className: "text-primary dark:text-primary-dark" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "font-semibold", children: spec.info?.title ?? "API Reference" })
+        ] }),
+        spec.info?.version && /* @__PURE__ */ jsxs(Chip, { size: "smallest", colorScheme: "cyanDarker", children: [
+          "v",
+          spec.info.version
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(SearchBar, { placeholder: "Filter endpoints…", size: "small", onTextSearch: (val) => setSidebarFilter(val || "") }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-2 pb-4", children: [
+        filteredGroups.map((group) => /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "px-2 py-1.5 text-text-secondary dark:text-text-secondary-dark uppercase tracking-wider font-semibold text-[10px]", children: group.tag }),
+          group.endpoints.map((ep) => {
+            const isSelected = selectedEndpoint?.id === ep.id;
+            return /* @__PURE__ */ jsxs("button", { onClick: () => {
+              setSelectedEndpoint(ep);
+              setTryItOpen(false);
+            }, className: cls("w-full flex items-center justify-between gap-2 px-2.5 py-1.5 rounded-lg text-left text-sm transition-all", "hover:bg-surface-200 dark:hover:bg-surface-800", isSelected ? "bg-surface-200 dark:bg-surface-800 font-medium" : "text-text-primary dark:text-text-primary-dark"), children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate text-[13px] opacity-90", children: ep.summary || ep.shortPath }),
+              /* @__PURE__ */ jsx("span", { className: cls("text-[10px] font-bold uppercase shrink-0", METHOD_COLORS[ep.method] ?? "text-text-secondary"), children: ep.method })
+            ] }, ep.id);
+          })
+        ] }, group.tag)),
+        filteredGroups.length === 0 && /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-center text-text-secondary dark:text-text-secondary-dark py-8", children: "No endpoints match" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col h-full overflow-hidden", children: selectedEndpoint ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: cls("flex items-center justify-between px-5 py-3 gap-4 shrink-0 border-b z-10", defaultBorderMixin, "bg-surface-50/80 dark:bg-surface-950/80 backdrop-blur-md sticky top-0"), children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+          /* @__PURE__ */ jsx("span", { className: cls("text-xs font-bold uppercase", METHOD_COLORS[selectedEndpoint.method] ?? ""), children: selectedEndpoint.method }),
+          /* @__PURE__ */ jsx("code", { className: "text-sm font-mono text-text-primary dark:text-text-primary-dark truncate", children: selectedEndpoint.path })
+        ] }),
+        /* @__PURE__ */ jsxs(Button, { variant: tryItOpen ? "filled" : "outlined", size: "small", onClick: () => setTryItOpen((v) => !v), children: [
+          /* @__PURE__ */ jsx(PlayIcon, { size: iconSize.small, className: "mr-1" }),
+          "Try It"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: tryItOpen ? /* @__PURE__ */ jsx(TryItPanel, { endpoint: selectedEndpoint, apiUrl, getAuthToken: apiConfig?.getAuthToken ?? authController.getAuthToken, user: authController.user, basePath: spec?.servers?.[0]?.url || "" }, selectedEndpoint.operationId || selectedEndpoint.path) : /* @__PURE__ */ jsx(EndpointDetail, { endpoint: selectedEndpoint, spec }) })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-text-secondary dark:text-text-secondary-dark", children: "Select an endpoint from the sidebar" }) }) })
+  ] });
+}
+ApiExplorer.displayName = "ApiExplorer";
+export {
+  ApiExplorer
+};
+//# sourceMappingURL=ApiExplorer-gMJt5JrS.js.map