expresso-swagger 0.0.3 → 0.0.4

package/README.md

@@ -52,7 +52,7 @@ doc.addEndpoint({
     path: "/users",
     method: "GET",
     group: "Users",
-    summary: "Retrieve all users",
+    name: "Retrieve all users",
     responses: {
         200: { description: "List of users", body: ["User"] }
     }

package/dist/lib/core/types.d.ts

@@ -16,12 +16,12 @@ export interface EndpointConfig {
     method: HttpMethod;
     baseUrl?: string;
     group?: string;
-    summary?: string;
+    name?: string;
     description?: string;
     tags?: string[];
     params?: Record<string, ParamDefinition>;
     query?: Record<string, ParamDefinition>;
-    body?: any;
+    body?: string | Record<string, any>;
     responses: Record<number | string, EndpointResponse>;
 }
 export interface ExpressoSwaggerInfo {

package/dist/lib/index.js

@@ -11778,7 +11778,7 @@ var require_lucide_react = __commonJS({
         }
       ]
     ];
-    var Play2 = createLucideIcon("play", __iconNode$8e);
+    var Play = createLucideIcon("play", __iconNode$8e);
     var __iconNode$8d = [
       ["path", { d: "M9 2v6", key: "17ngun" }],
       ["path", { d: "M15 2v6", key: "s7yy2p" }],
@@ -18035,7 +18035,7 @@ var require_lucide_react = __commonJS({
       Plane,
       PlaneLanding,
       PlaneTakeoff,
-      Play: Play2,
+      Play,
       Plug,
       Plug2,
       PlugZap,
@@ -22062,7 +22062,7 @@ var require_lucide_react = __commonJS({
     exports2.LucidePlane = Plane;
     exports2.LucidePlaneLanding = PlaneLanding;
     exports2.LucidePlaneTakeoff = PlaneTakeoff;
-    exports2.LucidePlay = Play2;
+    exports2.LucidePlay = Play;
     exports2.LucidePlayCircle = CirclePlay;
     exports2.LucidePlaySquare = SquarePlay;
     exports2.LucidePlug = Plug;
@@ -23188,10 +23188,10 @@ var require_lucide_react = __commonJS({
     exports2.PlaneLandingIcon = PlaneLanding;
     exports2.PlaneTakeoff = PlaneTakeoff;
     exports2.PlaneTakeoffIcon = PlaneTakeoff;
-    exports2.Play = Play2;
+    exports2.Play = Play;
     exports2.PlayCircle = CirclePlay;
     exports2.PlayCircleIcon = CirclePlay;
-    exports2.PlayIcon = Play2;
+    exports2.PlayIcon = Play;
     exports2.PlaySquare = SquarePlay;
     exports2.PlaySquareIcon = SquarePlay;
     exports2.Plug = Plug;
@@ -24410,8 +24410,7 @@ var ExpressoSwagger = class {
 };
 
 // src/ui/index.tsx
-var import_react24 = __toESM(require("react"));
-var import_lucide_react = __toESM(require_lucide_react());
+var import_axios = __toESM(require("axios"));
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -24442,7 +24441,7 @@ var useIsomorphicLayoutEffect = isBrowser ? import_react3.useLayoutEffect : impo
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var React3 = __toESM(require("react"), 1);
+var React4 = __toESM(require("react"), 1);
 var import_react7 = require("react");
 
 // node_modules/framer-motion/dist/es/context/PresenceContext.mjs
@@ -30867,7 +30866,7 @@ var HTMLProjectionNode = createProjectionNode({
 });
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-var React2 = __toESM(require("react"), 1);
+var React3 = __toESM(require("react"), 1);
 var import_react6 = require("react");
 
 // node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs
@@ -30879,7 +30878,7 @@ var MotionConfigContext = (0, import_react5.createContext)({
 });
 
 // node_modules/framer-motion/dist/es/utils/use-composed-ref.mjs
-var React = __toESM(require("react"), 1);
+var React2 = __toESM(require("react"), 1);
 function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -30912,11 +30911,11 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React.useCallback(composeRefs(...refs), refs);
+  return React2.useCallback(composeRefs(...refs), refs);
 }
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-var PopChildMeasure = class extends React2.Component {
+var PopChildMeasure = class extends React3.Component {
   getSnapshotBeforeUpdate(prevProps) {
     const element = this.props.childRef.current;
     if (element && prevProps.isPresent && !this.props.isPresent && this.props.pop !== false) {
@@ -30985,7 +30984,7 @@ function PopChild({ children, isPresent, anchorX, anchorY, root, pop }) {
       }
     };
   }, [isPresent]);
-  return (0, import_jsx_runtime.jsx)(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, pop, children: pop === false ? children : React2.cloneElement(children, { ref: composedRef }) });
+  return (0, import_jsx_runtime.jsx)(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, pop, children: pop === false ? children : React3.cloneElement(children, { ref: composedRef }) });
 }
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
@@ -31020,7 +31019,7 @@ var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, pre
   (0, import_react7.useMemo)(() => {
     presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
   }, [isPresent]);
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     !isPresent && !presenceChildren.size && onExitComplete && onExitComplete();
   }, [isPresent]);
   children = (0, import_jsx_runtime2.jsx)(PopChild, { pop: mode === "popLayout", isPresent, anchorX, anchorY, root, children });
@@ -32943,7 +32942,8 @@ var featureBundle = {
 var motion = /* @__PURE__ */ createMotionProxy(featureBundle, createDomVisualElement);
 
 // src/ui/index.tsx
-var import_axios = __toESM(require("axios"));
+var import_lucide_react = __toESM(require_lucide_react());
+var import_react24 = require("react");
 var methodColors = {
   GET: { bg: "bg-sky-500/10", text: "text-sky-500", border: "border-sky-500/20" },
   POST: { bg: "bg-emerald-500/10", text: "text-emerald-500", border: "border-emerald-500/20" },
@@ -32954,17 +32954,17 @@ var methodColors = {
 };
 var SidebarItem = ({ method, title, active, onClick }) => {
   const colors = methodColors[method] || methodColors.DEFAULT;
-  return /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     "button",
     {
       onClick,
       className: `w-full flex items-center px-4 py-2 text-[13px] font-medium transition-all duration-200 rounded-lg group text-left ${active ? "bg-white dark:bg-slate-800 shadow-sm border border-slate-200 dark:border-slate-700" : "text-slate-600 hover:bg-slate-100 dark:text-slate-400 dark:hover:bg-slate-800 border border-transparent"}`
     },
-    /* @__PURE__ */ import_react24.default.createElement("span", { className: `font-black mr-3 text-[9px] w-12 py-1 rounded-md text-center shrink-0 border ${colors.bg} ${colors.text} ${colors.border} uppercase tracking-tighter` }, method),
-    /* @__PURE__ */ import_react24.default.createElement("span", { className: `truncate ${active ? "text-primary-500 font-bold" : ""}` }, title)
+    /* @__PURE__ */ React.createElement("span", { className: `font-black mr-3 text-[9px] w-12 py-1 rounded-md text-center shrink-0 border ${colors.bg} ${colors.text} ${colors.border} uppercase tracking-tighter` }, method),
+    /* @__PURE__ */ React.createElement("span", { className: `truncate ${active ? "text-primary-500 font-bold" : ""}` }, title)
   );
 };
-var InputField = ({ label, value, onChange, placeholder, type = "text", description }) => /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center justify-between px-1" }, /* @__PURE__ */ import_react24.default.createElement("label", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-500" }, label), description && /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-[9px] text-slate-400 italic max-w-[150px] truncate" }, description)), /* @__PURE__ */ import_react24.default.createElement(
+var InputField = ({ label, value, onChange, placeholder, type = "text", description }) => /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between px-1" }, /* @__PURE__ */ React.createElement("label", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-500" }, label), description && /* @__PURE__ */ React.createElement("span", { className: "text-[9px] text-slate-400 italic max-w-[150px] truncate" }, description)), /* @__PURE__ */ React.createElement(
   "input",
   {
     type,
@@ -32977,15 +32977,15 @@ var InputField = ({ label, value, onChange, placeholder, type = "text", descript
 var SchemaPreview = ({ data, title }) => {
   const [isOpen, setIsOpen] = (0, import_react24.useState)(false);
   if (!data) return null;
-  return /* @__PURE__ */ import_react24.default.createElement("div", { className: "mt-4 border border-slate-200 dark:border-slate-800 rounded-xl overflow-hidden bg-white dark:bg-slate-900/30" }, /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: "mt-4 border border-slate-200 dark:border-slate-800 rounded-xl overflow-hidden bg-white dark:bg-slate-900/30" }, /* @__PURE__ */ React.createElement(
     "button",
     {
       onClick: () => setIsOpen(!isOpen),
       className: "w-full flex items-center justify-between px-4 py-2 bg-slate-50 dark:bg-slate-900/50 hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors"
     },
-    /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center space-x-2 text-[11px] font-bold text-slate-500 uppercase tracking-widest" }, /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.Code, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ import_react24.default.createElement("span", null, "Schema: ", title)),
-    isOpen ? /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.ChevronDown, { className: "w-4 h-4 text-slate-400" }) : /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.ChevronRight, { className: "w-4 h-4 text-slate-400" })
-  ), /* @__PURE__ */ import_react24.default.createElement(AnimatePresence, null, isOpen && /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 text-[11px] font-bold text-slate-500 uppercase tracking-widest" }, /* @__PURE__ */ React.createElement(import_lucide_react.Code, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React.createElement("span", null, "Schema: ", title)),
+    isOpen ? /* @__PURE__ */ React.createElement(import_lucide_react.ChevronDown, { className: "w-4 h-4 text-slate-400" }) : /* @__PURE__ */ React.createElement(import_lucide_react.ChevronRight, { className: "w-4 h-4 text-slate-400" })
+  ), /* @__PURE__ */ React.createElement(AnimatePresence, null, isOpen && /* @__PURE__ */ React.createElement(
     motion.div,
     {
       initial: { height: 0, opacity: 0 },
@@ -32993,7 +32993,7 @@ var SchemaPreview = ({ data, title }) => {
       exit: { height: 0, opacity: 0 },
       className: "overflow-hidden"
     },
-    /* @__PURE__ */ import_react24.default.createElement("pre", { className: "p-4 text-[12px] font-mono text-primary-600 dark:text-primary-400 overflow-x-auto bg-slate-50/50 dark:bg-slate-950/20" }, JSON.stringify(data, null, 4))
+    /* @__PURE__ */ React.createElement("pre", { className: "p-4 text-[12px] font-mono text-primary-600 dark:text-primary-400 overflow-x-auto bg-slate-50/50 dark:bg-slate-950/20" }, JSON.stringify(data, null, 4))
   )));
 };
 var ExpressoSwaggerUI = ({ document: initialDocument, url }) => {
@@ -33053,7 +33053,7 @@ var ExpressoSwaggerUI = ({ document: initialDocument, url }) => {
     const term = searchTerm.toLowerCase();
     return document2.endpoints.reduce((acc, endpoint) => {
       const group = endpoint.group || "Default";
-      const matchesSearch = endpoint.path.toLowerCase().includes(term) || endpoint.summary && endpoint.summary.toLowerCase().includes(term) || endpoint.method.toLowerCase().includes(term) || group.toLowerCase().includes(term);
+      const matchesSearch = endpoint.path.toLowerCase().includes(term) || endpoint.name && endpoint.name.toLowerCase().includes(term) || endpoint.method.toLowerCase().includes(term) || group.toLowerCase().includes(term);
       if (matchesSearch) {
         if (!acc[group]) acc[group] = [];
         acc[group].push(endpoint);
@@ -33115,8 +33115,8 @@ var ExpressoSwaggerUI = ({ document: initialDocument, url }) => {
       setLoading(false);
     }
   };
-  if (fetching) return /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex h-screen w-full items-center justify-center bg-slate-950 text-white" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex flex-col items-center space-y-4" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "w-12 h-12 border-4 border-primary-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-sm font-bold uppercase tracking-widest text-slate-500" }, "Loading Documentation...")));
-  if (!document2 || !selectedEndpoint) return /* @__PURE__ */ import_react24.default.createElement("div", { className: "p-10 text-center text-slate-500" }, "No API document found.");
+  if (fetching) return /* @__PURE__ */ React.createElement("div", { className: "flex h-screen w-full items-center justify-center bg-slate-950 text-white" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "w-12 h-12 border-4 border-primary-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ React.createElement("p", { className: "text-sm font-bold uppercase tracking-widest text-slate-500" }, "Loading Documentation...")));
+  if (!document2 || !selectedEndpoint) return /* @__PURE__ */ React.createElement("div", { className: "p-10 text-center text-slate-500" }, "No API document found.");
   const hostBaseUrl = document2.baseUrl || (typeof window !== "undefined" ? window.location.origin : "");
   const finalBaseUrl = selectedEndpoint.baseUrl || hostBaseUrl;
   let displayPath = selectedEndpoint.path;
@@ -33130,15 +33130,15 @@ var ExpressoSwaggerUI = ({ document: initialDocument, url }) => {
   const queryString = activeQueryParams.length > 0 ? "?" + new URLSearchParams(activeQueryParams).toString() : "";
   const displayFullUrl = fullUrl + queryString;
   const currentMethodColors = methodColors[selectedEndpoint.method] || methodColors.DEFAULT;
-  return /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex h-screen w-full bg-slate-50 dark:bg-slate-950 font-sans overflow-hidden text-slate-900 dark:text-slate-100 relative" }, /* @__PURE__ */ import_react24.default.createElement(AnimatePresence, null, isConfigOpen && /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: closeConfig, className: "absolute inset-0 bg-slate-950/40 backdrop-blur-sm z-40" }), /* @__PURE__ */ import_react24.default.createElement(motion.div, { initial: { x: "100%" }, animate: { x: 0 }, exit: { x: "100%" }, transition: { type: "spring", damping: 25, stiffness: 200 }, className: "absolute right-0 top-0 bottom-0 w-[400px] bg-white dark:bg-slate-900 shadow-2xl z-50 p-8 border-l border-slate-200 dark:border-slate-800" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "w-10 h-10 bg-primary-500 rounded-xl flex items-center justify-center text-white" }, /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.Key, { className: "w-5 h-5" })), /* @__PURE__ */ import_react24.default.createElement("div", null, /* @__PURE__ */ import_react24.default.createElement("h3", { className: "font-bold text-lg" }, "Global Config"), /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-[10px] text-slate-400 uppercase tracking-widest font-bold" }, "Authentication & Headers"))), /* @__PURE__ */ import_react24.default.createElement("button", { onClick: closeConfig, className: "p-2 hover:bg-slate-100 dark:hover:bg-slate-800 rounded-lg transition-colors" }, /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.X, { className: "w-5 h-5 text-slate-400" }))), /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ import_react24.default.createElement("div", null, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ import_react24.default.createElement("h4", { className: "text-sm font-bold text-slate-700 dark:text-slate-300" }, "Global Headers"), /* @__PURE__ */ import_react24.default.createElement("button", { onClick: () => setGlobalHeaders([...globalHeaders, { key: "", value: "" }]), className: "flex items-center space-x-1 text-[10px] font-bold bg-primary-500 text-white px-2 py-1 rounded-md uppercase tracking-tight" }, /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.Plus, { className: "w-3 h-3" }), /* @__PURE__ */ import_react24.default.createElement("span", null, "Add"))), /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-3 max-h-[400px] overflow-y-auto pr-2 custom-scrollbar" }, globalHeaders.length === 0 && /* @__PURE__ */ import_react24.default.createElement("div", { className: "text-center py-10 border-2 border-dashed border-slate-100 dark:border-slate-800 rounded-2xl" }, /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-xs text-slate-400 italic" }, "No headers configured.")), globalHeaders.map((header, idx) => /* @__PURE__ */ import_react24.default.createElement("div", { key: idx, className: "flex items-end space-x-2 group" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex-1 space-y-1" }, /* @__PURE__ */ import_react24.default.createElement("input", { placeholder: "Key", value: header.key, onChange: (e) => {
+  return /* @__PURE__ */ React.createElement("div", { className: "flex h-screen w-full bg-slate-50 dark:bg-slate-950 font-sans overflow-hidden text-slate-900 dark:text-slate-100 relative" }, /* @__PURE__ */ React.createElement(AnimatePresence, null, isConfigOpen && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: closeConfig, className: "absolute inset-0 bg-slate-950/40 backdrop-blur-sm z-40" }), /* @__PURE__ */ React.createElement(motion.div, { initial: { x: "100%" }, animate: { x: 0 }, exit: { x: "100%" }, transition: { type: "spring", damping: 25, stiffness: 200 }, className: "absolute right-0 top-0 bottom-0 w-[400px] bg-white dark:bg-slate-900 shadow-2xl z-50 p-8 border-l border-slate-200 dark:border-slate-800" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-10 h-10 bg-primary-500 rounded-xl flex items-center justify-center text-white" }, /* @__PURE__ */ React.createElement(import_lucide_react.Key, { className: "w-5 h-5" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { className: "font-bold text-lg" }, "Global Config"), /* @__PURE__ */ React.createElement("p", { className: "text-[10px] text-slate-400 uppercase tracking-widest font-bold" }, "Authentication & Headers"))), /* @__PURE__ */ React.createElement("button", { onClick: closeConfig, className: "p-2 hover:bg-slate-100 dark:hover:bg-slate-800 rounded-lg transition-colors" }, /* @__PURE__ */ React.createElement(import_lucide_react.X, { className: "w-5 h-5 text-slate-400" }))), /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React.createElement("h4", { className: "text-sm font-bold text-slate-700 dark:text-slate-300" }, "Global Headers"), /* @__PURE__ */ React.createElement("button", { onClick: () => setGlobalHeaders([...globalHeaders, { key: "", value: "" }]), className: "flex items-center space-x-1 text-[10px] font-bold bg-primary-500 text-white px-2 py-1 rounded-md uppercase tracking-tight" }, /* @__PURE__ */ React.createElement(import_lucide_react.Plus, { className: "w-3 h-3" }), /* @__PURE__ */ React.createElement("span", null, "Add"))), /* @__PURE__ */ React.createElement("div", { className: "space-y-3 max-h-[400px] overflow-y-auto pr-2 custom-scrollbar" }, globalHeaders.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "text-center py-10 border-2 border-dashed border-slate-100 dark:border-slate-800 rounded-2xl" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-slate-400 italic" }, "No headers configured.")), globalHeaders.map((header, idx) => /* @__PURE__ */ React.createElement("div", { key: idx, className: "flex items-end space-x-2 group" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 space-y-1" }, /* @__PURE__ */ React.createElement("input", { placeholder: "Key", value: header.key, onChange: (e) => {
     const newHeaders = [...globalHeaders];
     newHeaders[idx].key = e.target.value;
     setGlobalHeaders(newHeaders);
-  }, className: "w-full px-3 py-1.5 text-xs bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-lg outline-none" }), /* @__PURE__ */ import_react24.default.createElement("input", { placeholder: "Value", value: header.value, onChange: (e) => {
+  }, className: "w-full px-3 py-1.5 text-xs bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-lg outline-none" }), /* @__PURE__ */ React.createElement("input", { placeholder: "Value", value: header.value, onChange: (e) => {
     const newHeaders = [...globalHeaders];
     newHeaders[idx].value = e.target.value;
     setGlobalHeaders(newHeaders);
-  }, className: "w-full px-3 py-1.5 text-xs bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-lg outline-none" })), /* @__PURE__ */ import_react24.default.createElement("button", { onClick: () => setGlobalHeaders(globalHeaders.filter((_, i) => i !== idx)), className: "p-2 text-rose-400" }, /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.Trash2, { className: "w-4 h-4" })))))))))), /* @__PURE__ */ import_react24.default.createElement("aside", { className: "w-72 bg-white dark:bg-slate-900 border-r border-slate-200 dark:border-slate-800 flex flex-col flex-shrink-0" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "p-6 border-b border-slate-100 dark:border-slate-800" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "w-8 h-8 bg-primary-500 rounded-lg flex items-center justify-center text-white font-bold" }, "E"), /* @__PURE__ */ import_react24.default.createElement("h1", { className: "font-bold text-lg tracking-tight uppercase" }, "Expresso")), /* @__PURE__ */ import_react24.default.createElement("button", { onClick: () => setIsConfigOpen(true), className: "p-2 text-slate-400 hover:text-primary-500 relative" }, /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.Settings, { className: "w-5 h-5 hover:rotate-45 transition-transform duration-300" }), globalHeaders.length > 0 && /* @__PURE__ */ import_react24.default.createElement("span", { className: "absolute top-1.5 right-1.5 w-2 h-2 bg-primary-500 rounded-full border-2 border-white dark:border-slate-900" }))), /* @__PURE__ */ import_react24.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400" }), /* @__PURE__ */ import_react24.default.createElement("input", { type: "text", placeholder: "Search API...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full pl-10 pr-4 py-2 text-sm bg-slate-50 dark:bg-slate-800 rounded-xl outline-none" }))), /* @__PURE__ */ import_react24.default.createElement("nav", { className: "flex-1 overflow-y-auto p-4 space-y-8" }, Object.entries(filteredGroupedEndpoints).map(([group, endpoints]) => /* @__PURE__ */ import_react24.default.createElement("div", { key: group }, /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-[10px] font-black uppercase text-slate-400 mb-3 px-2 border-l-2 border-primary-500 pl-3" }, group), /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-1.5" }, endpoints.map((endpoint, idx) => /* @__PURE__ */ import_react24.default.createElement(SidebarItem, { key: idx, method: endpoint.method, title: endpoint.summary || endpoint.path, active: selectedEndpoint === endpoint, onClick: () => setSelectedEndpoint(endpoint) }))))))), /* @__PURE__ */ import_react24.default.createElement("main", { className: "flex-1 overflow-y-auto bg-white dark:bg-slate-950 px-12 py-10" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "max-w-4xl mx-auto" }, /* @__PURE__ */ import_react24.default.createElement(motion.div, { key: selectedEndpoint.path + selectedEndpoint.method, initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 } }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center space-x-3 mb-4" }, /* @__PURE__ */ import_react24.default.createElement("span", { className: `px-3 py-1 text-[11px] font-black rounded-lg uppercase border ${currentMethodColors.bg} ${currentMethodColors.text} ${currentMethodColors.border}` }, selectedEndpoint.method), /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-sm font-mono text-slate-400" }, selectedEndpoint.path)), /* @__PURE__ */ import_react24.default.createElement("h2", { className: "text-4xl font-extrabold mb-2 tracking-tight" }, selectedEndpoint.summary), /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center space-x-2 p-3 bg-slate-100 dark:bg-slate-900 rounded-xl mb-6 border border-slate-200 dark:border-slate-800 group relative" }, /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.Globe, { className: "w-4 h-4 text-slate-400 group-hover:text-primary-500 transition-colors" }), /* @__PURE__ */ import_react24.default.createElement("code", { className: "text-[13px] font-mono break-all text-slate-500 dark:text-slate-400 flex-1" }, displayFullUrl), /* @__PURE__ */ import_react24.default.createElement("button", { onClick: () => navigator.clipboard.writeText(displayFullUrl), className: "opacity-0 group-hover:opacity-100 p-1.5 hover:bg-white dark:hover:bg-slate-800 rounded-lg transition-all text-[10px] font-bold uppercase text-primary-500" }, "Copy")), /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-10 leading-relaxed font-medium whitespace-pre-wrap" }, selectedEndpoint.description || "No description provided."), /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-12" }, /* @__PURE__ */ import_react24.default.createElement("section", null, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center space-x-2 mb-6 border-b border-slate-100 dark:border-slate-800 pb-2" }, /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.Shield, { className: "w-5 h-5 text-slate-400" }), /* @__PURE__ */ import_react24.default.createElement("h3", { className: "text-xl font-bold" }, "Security")), /* @__PURE__ */ import_react24.default.createElement("div", { className: "p-4 bg-primary-500/5 border border-primary-500/10 rounded-2xl flex items-center justify-between" }, /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-sm font-medium" }, "Include Credentials (Cookies/Session)"), /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-[10px] font-bold bg-primary-500 text-white px-2 py-1 rounded-full uppercase tracking-tighter" }, "Enabled"))), /* @__PURE__ */ import_react24.default.createElement("section", null, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center space-x-2 mb-6 border-b border-slate-100 dark:border-slate-800 pb-2" }, /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.Database, { className: "w-5 h-5 text-slate-400" }), /* @__PURE__ */ import_react24.default.createElement("h3", { className: "text-xl font-bold" }, "Responses")), /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-6" }, Object.entries(selectedEndpoint.responses).map(([code, res]) => /* @__PURE__ */ import_react24.default.createElement("div", { key: code, className: "p-5 rounded-2xl bg-slate-50 dark:bg-slate-900/30 border border-slate-100 dark:border-slate-800" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-start space-x-4 mb-2" }, /* @__PURE__ */ import_react24.default.createElement("span", { className: `px-2.5 py-1 rounded-lg text-xs font-black ${code.startsWith("2") ? "text-green-500" : "text-red-500"}` }, code), /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-[15px] font-medium pt-0.5" }, res.description)), res.body && /* @__PURE__ */ import_react24.default.createElement(SchemaPreview, { data: resolveModel(res.body), title: typeof res.body === "string" ? res.body : "Object" }))))))))), /* @__PURE__ */ import_react24.default.createElement("aside", { className: "w-[480px] bg-slate-900 flex flex-col flex-shrink-0 text-white border-l border-slate-800 shadow-2xl" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "p-6 border-b border-slate-800 flex items-center justify-between sticky top-0 z-10 bg-slate-900" }, /* @__PURE__ */ import_react24.default.createElement("h4", { className: "text-sm font-bold uppercase tracking-widest text-slate-400" }, "Try It Out"), /* @__PURE__ */ import_react24.default.createElement("button", { onClick: executeApi, disabled: loading, className: "px-6 py-2 bg-primary-500 text-white text-xs font-bold rounded-xl active:scale-95 transition-all disabled:opacity-50" }, loading ? "Executing..." : "Execute API")), /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex-1 overflow-y-auto p-6 space-y-8 font-mono text-[13px]" }, Object.keys(selectedEndpoint.params || {}).length > 0 && /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Path Parameters"), Object.entries(selectedEndpoint.params || {}).map(([key, def]) => /* @__PURE__ */ import_react24.default.createElement(InputField, { key, label: key, placeholder: def.description, description: def.description, value: params[key], onChange: (val) => setParams((prev) => ({ ...prev, [key]: val })) }))), Object.keys(selectedEndpoint.query || {}).length > 0 && /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Query Parameters"), Object.entries(selectedEndpoint.query || {}).map(([key, def]) => /* @__PURE__ */ import_react24.default.createElement(InputField, { key, label: key, placeholder: def.description, description: def.description, value: queryParams[key], onChange: (val) => setQueryParams((prev) => ({ ...prev, [key]: val })) }))), ["POST", "PUT", "PATCH"].includes(selectedEndpoint.method) && /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Request Body (JSON)"), /* @__PURE__ */ import_react24.default.createElement("textarea", { value: body, onChange: (e) => setBody(e.target.value), placeholder: "Enter JSON body here...", className: "w-full h-48 bg-slate-950/50 border border-slate-800 rounded-2xl p-4 text-[13px] outline-none focus:ring-2 focus:ring-primary-500/50 transition-all text-slate-300 font-mono resize-none" })), /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Response"), response && /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center space-x-3 text-[10px] font-bold" }, /* @__PURE__ */ import_react24.default.createElement("span", { className: "flex items-center text-slate-400" }, /* @__PURE__ */ import_react24.default.createElement(import_lucide_react.Clock, { className: "w-3 h-3 mr-1" }), " ", executionTime, "ms"), /* @__PURE__ */ import_react24.default.createElement("span", { className: response.status < 300 ? "text-green-500" : "text-red-500" }, "STATUS: ", response.status))), /* @__PURE__ */ import_react24.default.createElement("div", { className: "bg-slate-950/80 p-5 rounded-2xl border border-slate-800 min-h-[100px] overflow-x-auto" }, /* @__PURE__ */ import_react24.default.createElement("pre", { className: `whitespace-pre ${response ? response.status >= 400 ? "text-red-400" : "text-green-400" : "text-slate-600"}` }, response ? JSON.stringify(response.data, null, 4) : "// Click 'Execute API'"))))));
+  }, className: "w-full px-3 py-1.5 text-xs bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-lg outline-none" })), /* @__PURE__ */ React.createElement("button", { onClick: () => setGlobalHeaders(globalHeaders.filter((_, i) => i !== idx)), className: "p-2 text-rose-400" }, /* @__PURE__ */ React.createElement(import_lucide_react.Trash2, { className: "w-4 h-4" })))))))))), /* @__PURE__ */ React.createElement("aside", { className: "w-72 bg-white dark:bg-slate-900 border-r border-slate-200 dark:border-slate-800 flex flex-col flex-shrink-0" }, /* @__PURE__ */ React.createElement("div", { className: "p-6 border-b border-slate-100 dark:border-slate-800" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 bg-primary-500 rounded-lg flex items-center justify-center text-white font-bold" }, "E"), /* @__PURE__ */ React.createElement("h1", { className: "font-bold text-lg tracking-tight uppercase" }, "Expresso")), /* @__PURE__ */ React.createElement("button", { onClick: () => setIsConfigOpen(true), className: "p-2 text-slate-400 hover:text-primary-500 relative" }, /* @__PURE__ */ React.createElement(import_lucide_react.Settings, { className: "w-5 h-5 hover:rotate-45 transition-transform duration-300" }), globalHeaders.length > 0 && /* @__PURE__ */ React.createElement("span", { className: "absolute top-1.5 right-1.5 w-2 h-2 bg-primary-500 rounded-full border-2 border-white dark:border-slate-900" }))), /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(import_lucide_react.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400" }), /* @__PURE__ */ React.createElement("input", { type: "text", placeholder: "Search API...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full pl-10 pr-4 py-2 text-sm bg-slate-50 dark:bg-slate-800 rounded-xl outline-none" }))), /* @__PURE__ */ React.createElement("nav", { className: "flex-1 overflow-y-auto p-4 space-y-8" }, Object.entries(filteredGroupedEndpoints).map(([group, endpoints]) => /* @__PURE__ */ React.createElement("div", { key: group }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-black uppercase text-slate-400 mb-3 px-2 border-l-2 border-primary-500 pl-3" }, group), /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, endpoints.map((endpoint, idx) => /* @__PURE__ */ React.createElement(SidebarItem, { key: idx, method: endpoint.method, title: endpoint.name || endpoint.path, active: selectedEndpoint === endpoint, onClick: () => setSelectedEndpoint(endpoint) }))))))), /* @__PURE__ */ React.createElement("main", { className: "flex-1 overflow-y-auto bg-white dark:bg-slate-950 px-12 py-10" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-4xl mx-auto" }, /* @__PURE__ */ React.createElement(motion.div, { key: selectedEndpoint.path + selectedEndpoint.method, initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3 mb-4" }, /* @__PURE__ */ React.createElement("span", { className: `px-3 py-1 text-[11px] font-black rounded-lg uppercase border ${currentMethodColors.bg} ${currentMethodColors.text} ${currentMethodColors.border}` }, selectedEndpoint.method), /* @__PURE__ */ React.createElement("span", { className: "text-sm font-mono text-slate-400" }, selectedEndpoint.path)), /* @__PURE__ */ React.createElement("h2", { className: "text-4xl font-extrabold mb-2 tracking-tight" }, selectedEndpoint.name), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 p-3 bg-slate-100 dark:bg-slate-900 rounded-xl mb-6 border border-slate-200 dark:border-slate-800 group relative" }, /* @__PURE__ */ React.createElement(import_lucide_react.Globe, { className: "w-4 h-4 text-slate-400 group-hover:text-primary-500 transition-colors" }), /* @__PURE__ */ React.createElement("code", { className: "text-[13px] font-mono break-all text-slate-500 dark:text-slate-400 flex-1" }, displayFullUrl), /* @__PURE__ */ React.createElement("button", { onClick: () => navigator.clipboard.writeText(displayFullUrl), className: "opacity-0 group-hover:opacity-100 p-1.5 hover:bg-white dark:hover:bg-slate-800 rounded-lg transition-all text-[10px] font-bold uppercase text-primary-500" }, "Copy")), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-10 leading-relaxed font-medium whitespace-pre-wrap" }, selectedEndpoint.description || "No description provided."), /* @__PURE__ */ React.createElement("div", { className: "space-y-12" }, /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 mb-6 border-b border-slate-100 dark:border-slate-800 pb-2" }, /* @__PURE__ */ React.createElement(import_lucide_react.Shield, { className: "w-5 h-5 text-slate-400" }), /* @__PURE__ */ React.createElement("h3", { className: "text-xl font-bold" }, "Security")), /* @__PURE__ */ React.createElement("div", { className: "p-4 bg-primary-500/5 border border-primary-500/10 rounded-2xl flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium" }, "Include Credentials (Cookies/Session)"), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-bold bg-primary-500 text-white px-2 py-1 rounded-full uppercase tracking-tighter" }, "Enabled"))), /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 mb-6 border-b border-slate-100 dark:border-slate-800 pb-2" }, /* @__PURE__ */ React.createElement(import_lucide_react.Database, { className: "w-5 h-5 text-slate-400" }), /* @__PURE__ */ React.createElement("h3", { className: "text-xl font-bold" }, "Responses")), /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, Object.entries(selectedEndpoint.responses).map(([code, res]) => /* @__PURE__ */ React.createElement("div", { key: code, className: "p-5 rounded-2xl bg-slate-50 dark:bg-slate-900/30 border border-slate-100 dark:border-slate-800" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start space-x-4 mb-2" }, /* @__PURE__ */ React.createElement("span", { className: `px-2.5 py-1 rounded-lg text-xs font-black ${code.startsWith("2") ? "text-green-500" : "text-red-500"}` }, code), /* @__PURE__ */ React.createElement("p", { className: "text-[15px] font-medium pt-0.5" }, res.description)), res.body && /* @__PURE__ */ React.createElement(SchemaPreview, { data: resolveModel(res.body), title: typeof res.body === "string" ? res.body : "Object" }))))))))), /* @__PURE__ */ React.createElement("aside", { className: "w-[480px] bg-slate-900 flex flex-col flex-shrink-0 text-white border-l border-slate-800 shadow-2xl" }, /* @__PURE__ */ React.createElement("div", { className: "p-6 border-b border-slate-800 flex items-center justify-between sticky top-0 z-10 bg-slate-900" }, /* @__PURE__ */ React.createElement("h4", { className: "text-sm font-bold uppercase tracking-widest text-slate-400" }, "Try It Out"), /* @__PURE__ */ React.createElement("button", { onClick: executeApi, disabled: loading, className: "px-6 py-2 bg-primary-500 text-white text-xs font-bold rounded-xl active:scale-95 transition-all disabled:opacity-50" }, loading ? "Executing..." : "Execute API")), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto p-6 space-y-8 font-mono text-[13px]" }, Object.keys(selectedEndpoint.params || {}).length > 0 && /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Path Parameters"), Object.entries(selectedEndpoint.params || {}).map(([key, def]) => /* @__PURE__ */ React.createElement(InputField, { key, label: key, placeholder: def.description, description: def.description, value: params[key], onChange: (val) => setParams((prev) => ({ ...prev, [key]: val })) }))), Object.keys(selectedEndpoint.query || {}).length > 0 && /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Query Parameters"), Object.entries(selectedEndpoint.query || {}).map(([key, def]) => /* @__PURE__ */ React.createElement(InputField, { key, label: key, placeholder: def.description, description: def.description, value: queryParams[key], onChange: (val) => setQueryParams((prev) => ({ ...prev, [key]: val })) }))), ["POST", "PUT", "PATCH"].includes(selectedEndpoint.method) && /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Request Body (JSON)"), /* @__PURE__ */ React.createElement("textarea", { value: body, onChange: (e) => setBody(e.target.value), placeholder: "Enter JSON body here...", className: "w-full h-48 bg-slate-950/50 border border-slate-800 rounded-2xl p-4 text-[13px] outline-none focus:ring-2 focus:ring-primary-500/50 transition-all text-slate-300 font-mono resize-none" })), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Response"), response && /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3 text-[10px] font-bold" }, /* @__PURE__ */ React.createElement("span", { className: "flex items-center text-slate-400" }, /* @__PURE__ */ React.createElement(import_lucide_react.Clock, { className: "w-3 h-3 mr-1" }), " ", executionTime, "ms"), /* @__PURE__ */ React.createElement("span", { className: response.status < 300 ? "text-green-500" : "text-red-500" }, "STATUS: ", response.status))), /* @__PURE__ */ React.createElement("div", { className: "bg-slate-950/80 p-5 rounded-2xl border border-slate-800 min-h-[100px] overflow-x-auto" }, /* @__PURE__ */ React.createElement("pre", { className: `whitespace-pre ${response ? response.status >= 400 ? "text-red-400" : "text-green-400" : "text-slate-600"}` }, response ? JSON.stringify(response.data, null, 4) : "// Click 'Execute API'"))))));
 };
 
 // src/lib/index.ts

package/dist/lib/index.mjs

@@ -11779,7 +11779,7 @@ var require_lucide_react = __commonJS({
         }
       ]
     ];
-    var Play2 = createLucideIcon("play", __iconNode$8e);
+    var Play = createLucideIcon("play", __iconNode$8e);
     var __iconNode$8d = [
       ["path", { d: "M9 2v6", key: "17ngun" }],
       ["path", { d: "M15 2v6", key: "s7yy2p" }],
@@ -18036,7 +18036,7 @@ var require_lucide_react = __commonJS({
       Plane,
       PlaneLanding,
       PlaneTakeoff,
-      Play: Play2,
+      Play,
       Plug,
       Plug2,
       PlugZap,
@@ -22063,7 +22063,7 @@ var require_lucide_react = __commonJS({
     exports.LucidePlane = Plane;
     exports.LucidePlaneLanding = PlaneLanding;
     exports.LucidePlaneTakeoff = PlaneTakeoff;
-    exports.LucidePlay = Play2;
+    exports.LucidePlay = Play;
     exports.LucidePlayCircle = CirclePlay;
     exports.LucidePlaySquare = SquarePlay;
     exports.LucidePlug = Plug;
@@ -23189,10 +23189,10 @@ var require_lucide_react = __commonJS({
     exports.PlaneLandingIcon = PlaneLanding;
     exports.PlaneTakeoff = PlaneTakeoff;
     exports.PlaneTakeoffIcon = PlaneTakeoff;
-    exports.Play = Play2;
+    exports.Play = Play;
     exports.PlayCircle = CirclePlay;
     exports.PlayCircleIcon = CirclePlay;
-    exports.PlayIcon = Play2;
+    exports.PlayIcon = Play;
     exports.PlaySquare = SquarePlay;
     exports.PlaySquareIcon = SquarePlay;
     exports.Plug = Plug;
@@ -24404,8 +24404,7 @@ var ExpressoSwagger = class {
 };
 
 // src/ui/index.tsx
-var import_lucide_react = __toESM(require_lucide_react());
-import React4, { useState as useState2, useEffect as useEffect5, useMemo as useMemo7 } from "react";
+import axios from "axios";
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
 import { jsx as jsx3, Fragment } from "react/jsx-runtime";
@@ -24436,7 +24435,7 @@ var useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
 import { jsx as jsx2 } from "react/jsx-runtime";
-import * as React3 from "react";
+import * as React4 from "react";
 import { useId as useId2, useMemo } from "react";
 
 // node_modules/framer-motion/dist/es/context/PresenceContext.mjs
@@ -30861,7 +30860,7 @@ var HTMLProjectionNode = createProjectionNode({
 });
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-import * as React2 from "react";
+import * as React3 from "react";
 import { useId, useRef as useRef2, useContext, useInsertionEffect } from "react";
 
 // node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs
@@ -30873,7 +30872,7 @@ var MotionConfigContext = createContext3({
 });
 
 // node_modules/framer-motion/dist/es/utils/use-composed-ref.mjs
-import * as React from "react";
+import * as React2 from "react";
 function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -30906,11 +30905,11 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React.useCallback(composeRefs(...refs), refs);
+  return React2.useCallback(composeRefs(...refs), refs);
 }
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-var PopChildMeasure = class extends React2.Component {
+var PopChildMeasure = class extends React3.Component {
   getSnapshotBeforeUpdate(prevProps) {
     const element = this.props.childRef.current;
     if (element && prevProps.isPresent && !this.props.isPresent && this.props.pop !== false) {
@@ -30979,7 +30978,7 @@ function PopChild({ children, isPresent, anchorX, anchorY, root, pop }) {
       }
     };
   }, [isPresent]);
-  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, pop, children: pop === false ? children : React2.cloneElement(children, { ref: composedRef }) });
+  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, pop, children: pop === false ? children : React3.cloneElement(children, { ref: composedRef }) });
 }
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
@@ -31014,7 +31013,7 @@ var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, pre
   useMemo(() => {
     presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
   }, [isPresent]);
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     !isPresent && !presenceChildren.size && onExitComplete && onExitComplete();
   }, [isPresent]);
   children = jsx2(PopChild, { pop: mode === "popLayout", isPresent, anchorX, anchorY, root, children });
@@ -32937,7 +32936,8 @@ var featureBundle = {
 var motion = /* @__PURE__ */ createMotionProxy(featureBundle, createDomVisualElement);
 
 // src/ui/index.tsx
-import axios from "axios";
+var import_lucide_react = __toESM(require_lucide_react());
+import { useEffect as useEffect5, useMemo as useMemo7, useState as useState2 } from "react";
 var methodColors = {
   GET: { bg: "bg-sky-500/10", text: "text-sky-500", border: "border-sky-500/20" },
   POST: { bg: "bg-emerald-500/10", text: "text-emerald-500", border: "border-emerald-500/20" },
@@ -32948,17 +32948,17 @@ var methodColors = {
 };
 var SidebarItem = ({ method, title, active, onClick }) => {
   const colors = methodColors[method] || methodColors.DEFAULT;
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React.createElement(
     "button",
     {
       onClick,
       className: `w-full flex items-center px-4 py-2 text-[13px] font-medium transition-all duration-200 rounded-lg group text-left ${active ? "bg-white dark:bg-slate-800 shadow-sm border border-slate-200 dark:border-slate-700" : "text-slate-600 hover:bg-slate-100 dark:text-slate-400 dark:hover:bg-slate-800 border border-transparent"}`
     },
-    /* @__PURE__ */ React4.createElement("span", { className: `font-black mr-3 text-[9px] w-12 py-1 rounded-md text-center shrink-0 border ${colors.bg} ${colors.text} ${colors.border} uppercase tracking-tighter` }, method),
-    /* @__PURE__ */ React4.createElement("span", { className: `truncate ${active ? "text-primary-500 font-bold" : ""}` }, title)
+    /* @__PURE__ */ React.createElement("span", { className: `font-black mr-3 text-[9px] w-12 py-1 rounded-md text-center shrink-0 border ${colors.bg} ${colors.text} ${colors.border} uppercase tracking-tighter` }, method),
+    /* @__PURE__ */ React.createElement("span", { className: `truncate ${active ? "text-primary-500 font-bold" : ""}` }, title)
   );
 };
-var InputField = ({ label, value, onChange, placeholder, type = "text", description }) => /* @__PURE__ */ React4.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React4.createElement("div", { className: "flex items-center justify-between px-1" }, /* @__PURE__ */ React4.createElement("label", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-500" }, label), description && /* @__PURE__ */ React4.createElement("span", { className: "text-[9px] text-slate-400 italic max-w-[150px] truncate" }, description)), /* @__PURE__ */ React4.createElement(
+var InputField = ({ label, value, onChange, placeholder, type = "text", description }) => /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between px-1" }, /* @__PURE__ */ React.createElement("label", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-500" }, label), description && /* @__PURE__ */ React.createElement("span", { className: "text-[9px] text-slate-400 italic max-w-[150px] truncate" }, description)), /* @__PURE__ */ React.createElement(
   "input",
   {
     type,
@@ -32971,15 +32971,15 @@ var InputField = ({ label, value, onChange, placeholder, type = "text", descript
 var SchemaPreview = ({ data, title }) => {
   const [isOpen, setIsOpen] = useState2(false);
   if (!data) return null;
-  return /* @__PURE__ */ React4.createElement("div", { className: "mt-4 border border-slate-200 dark:border-slate-800 rounded-xl overflow-hidden bg-white dark:bg-slate-900/30" }, /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: "mt-4 border border-slate-200 dark:border-slate-800 rounded-xl overflow-hidden bg-white dark:bg-slate-900/30" }, /* @__PURE__ */ React.createElement(
     "button",
     {
       onClick: () => setIsOpen(!isOpen),
       className: "w-full flex items-center justify-between px-4 py-2 bg-slate-50 dark:bg-slate-900/50 hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors"
     },
-    /* @__PURE__ */ React4.createElement("div", { className: "flex items-center space-x-2 text-[11px] font-bold text-slate-500 uppercase tracking-widest" }, /* @__PURE__ */ React4.createElement(import_lucide_react.Code, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React4.createElement("span", null, "Schema: ", title)),
-    isOpen ? /* @__PURE__ */ React4.createElement(import_lucide_react.ChevronDown, { className: "w-4 h-4 text-slate-400" }) : /* @__PURE__ */ React4.createElement(import_lucide_react.ChevronRight, { className: "w-4 h-4 text-slate-400" })
-  ), /* @__PURE__ */ React4.createElement(AnimatePresence, null, isOpen && /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 text-[11px] font-bold text-slate-500 uppercase tracking-widest" }, /* @__PURE__ */ React.createElement(import_lucide_react.Code, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ React.createElement("span", null, "Schema: ", title)),
+    isOpen ? /* @__PURE__ */ React.createElement(import_lucide_react.ChevronDown, { className: "w-4 h-4 text-slate-400" }) : /* @__PURE__ */ React.createElement(import_lucide_react.ChevronRight, { className: "w-4 h-4 text-slate-400" })
+  ), /* @__PURE__ */ React.createElement(AnimatePresence, null, isOpen && /* @__PURE__ */ React.createElement(
     motion.div,
     {
       initial: { height: 0, opacity: 0 },
@@ -32987,7 +32987,7 @@ var SchemaPreview = ({ data, title }) => {
       exit: { height: 0, opacity: 0 },
       className: "overflow-hidden"
     },
-    /* @__PURE__ */ React4.createElement("pre", { className: "p-4 text-[12px] font-mono text-primary-600 dark:text-primary-400 overflow-x-auto bg-slate-50/50 dark:bg-slate-950/20" }, JSON.stringify(data, null, 4))
+    /* @__PURE__ */ React.createElement("pre", { className: "p-4 text-[12px] font-mono text-primary-600 dark:text-primary-400 overflow-x-auto bg-slate-50/50 dark:bg-slate-950/20" }, JSON.stringify(data, null, 4))
   )));
 };
 var ExpressoSwaggerUI = ({ document: initialDocument, url }) => {
@@ -33047,7 +33047,7 @@ var ExpressoSwaggerUI = ({ document: initialDocument, url }) => {
     const term = searchTerm.toLowerCase();
     return document2.endpoints.reduce((acc, endpoint) => {
       const group = endpoint.group || "Default";
-      const matchesSearch = endpoint.path.toLowerCase().includes(term) || endpoint.summary && endpoint.summary.toLowerCase().includes(term) || endpoint.method.toLowerCase().includes(term) || group.toLowerCase().includes(term);
+      const matchesSearch = endpoint.path.toLowerCase().includes(term) || endpoint.name && endpoint.name.toLowerCase().includes(term) || endpoint.method.toLowerCase().includes(term) || group.toLowerCase().includes(term);
       if (matchesSearch) {
         if (!acc[group]) acc[group] = [];
         acc[group].push(endpoint);
@@ -33109,8 +33109,8 @@ var ExpressoSwaggerUI = ({ document: initialDocument, url }) => {
       setLoading(false);
     }
   };
-  if (fetching) return /* @__PURE__ */ React4.createElement("div", { className: "flex h-screen w-full items-center justify-center bg-slate-950 text-white" }, /* @__PURE__ */ React4.createElement("div", { className: "flex flex-col items-center space-y-4" }, /* @__PURE__ */ React4.createElement("div", { className: "w-12 h-12 border-4 border-primary-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ React4.createElement("p", { className: "text-sm font-bold uppercase tracking-widest text-slate-500" }, "Loading Documentation...")));
-  if (!document2 || !selectedEndpoint) return /* @__PURE__ */ React4.createElement("div", { className: "p-10 text-center text-slate-500" }, "No API document found.");
+  if (fetching) return /* @__PURE__ */ React.createElement("div", { className: "flex h-screen w-full items-center justify-center bg-slate-950 text-white" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "w-12 h-12 border-4 border-primary-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ React.createElement("p", { className: "text-sm font-bold uppercase tracking-widest text-slate-500" }, "Loading Documentation...")));
+  if (!document2 || !selectedEndpoint) return /* @__PURE__ */ React.createElement("div", { className: "p-10 text-center text-slate-500" }, "No API document found.");
   const hostBaseUrl = document2.baseUrl || (typeof window !== "undefined" ? window.location.origin : "");
   const finalBaseUrl = selectedEndpoint.baseUrl || hostBaseUrl;
   let displayPath = selectedEndpoint.path;
@@ -33124,15 +33124,15 @@ var ExpressoSwaggerUI = ({ document: initialDocument, url }) => {
   const queryString = activeQueryParams.length > 0 ? "?" + new URLSearchParams(activeQueryParams).toString() : "";
   const displayFullUrl = fullUrl + queryString;
   const currentMethodColors = methodColors[selectedEndpoint.method] || methodColors.DEFAULT;
-  return /* @__PURE__ */ React4.createElement("div", { className: "flex h-screen w-full bg-slate-50 dark:bg-slate-950 font-sans overflow-hidden text-slate-900 dark:text-slate-100 relative" }, /* @__PURE__ */ React4.createElement(AnimatePresence, null, isConfigOpen && /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: closeConfig, className: "absolute inset-0 bg-slate-950/40 backdrop-blur-sm z-40" }), /* @__PURE__ */ React4.createElement(motion.div, { initial: { x: "100%" }, animate: { x: 0 }, exit: { x: "100%" }, transition: { type: "spring", damping: 25, stiffness: 200 }, className: "absolute right-0 top-0 bottom-0 w-[400px] bg-white dark:bg-slate-900 shadow-2xl z-50 p-8 border-l border-slate-200 dark:border-slate-800" }, /* @__PURE__ */ React4.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ React4.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React4.createElement("div", { className: "w-10 h-10 bg-primary-500 rounded-xl flex items-center justify-center text-white" }, /* @__PURE__ */ React4.createElement(import_lucide_react.Key, { className: "w-5 h-5" })), /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement("h3", { className: "font-bold text-lg" }, "Global Config"), /* @__PURE__ */ React4.createElement("p", { className: "text-[10px] text-slate-400 uppercase tracking-widest font-bold" }, "Authentication & Headers"))), /* @__PURE__ */ React4.createElement("button", { onClick: closeConfig, className: "p-2 hover:bg-slate-100 dark:hover:bg-slate-800 rounded-lg transition-colors" }, /* @__PURE__ */ React4.createElement(import_lucide_react.X, { className: "w-5 h-5 text-slate-400" }))), /* @__PURE__ */ React4.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React4.createElement("h4", { className: "text-sm font-bold text-slate-700 dark:text-slate-300" }, "Global Headers"), /* @__PURE__ */ React4.createElement("button", { onClick: () => setGlobalHeaders([...globalHeaders, { key: "", value: "" }]), className: "flex items-center space-x-1 text-[10px] font-bold bg-primary-500 text-white px-2 py-1 rounded-md uppercase tracking-tight" }, /* @__PURE__ */ React4.createElement(import_lucide_react.Plus, { className: "w-3 h-3" }), /* @__PURE__ */ React4.createElement("span", null, "Add"))), /* @__PURE__ */ React4.createElement("div", { className: "space-y-3 max-h-[400px] overflow-y-auto pr-2 custom-scrollbar" }, globalHeaders.length === 0 && /* @__PURE__ */ React4.createElement("div", { className: "text-center py-10 border-2 border-dashed border-slate-100 dark:border-slate-800 rounded-2xl" }, /* @__PURE__ */ React4.createElement("p", { className: "text-xs text-slate-400 italic" }, "No headers configured.")), globalHeaders.map((header, idx) => /* @__PURE__ */ React4.createElement("div", { key: idx, className: "flex items-end space-x-2 group" }, /* @__PURE__ */ React4.createElement("div", { className: "flex-1 space-y-1" }, /* @__PURE__ */ React4.createElement("input", { placeholder: "Key", value: header.key, onChange: (e) => {
+  return /* @__PURE__ */ React.createElement("div", { className: "flex h-screen w-full bg-slate-50 dark:bg-slate-950 font-sans overflow-hidden text-slate-900 dark:text-slate-100 relative" }, /* @__PURE__ */ React.createElement(AnimatePresence, null, isConfigOpen && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: closeConfig, className: "absolute inset-0 bg-slate-950/40 backdrop-blur-sm z-40" }), /* @__PURE__ */ React.createElement(motion.div, { initial: { x: "100%" }, animate: { x: 0 }, exit: { x: "100%" }, transition: { type: "spring", damping: 25, stiffness: 200 }, className: "absolute right-0 top-0 bottom-0 w-[400px] bg-white dark:bg-slate-900 shadow-2xl z-50 p-8 border-l border-slate-200 dark:border-slate-800" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-10 h-10 bg-primary-500 rounded-xl flex items-center justify-center text-white" }, /* @__PURE__ */ React.createElement(import_lucide_react.Key, { className: "w-5 h-5" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { className: "font-bold text-lg" }, "Global Config"), /* @__PURE__ */ React.createElement("p", { className: "text-[10px] text-slate-400 uppercase tracking-widest font-bold" }, "Authentication & Headers"))), /* @__PURE__ */ React.createElement("button", { onClick: closeConfig, className: "p-2 hover:bg-slate-100 dark:hover:bg-slate-800 rounded-lg transition-colors" }, /* @__PURE__ */ React.createElement(import_lucide_react.X, { className: "w-5 h-5 text-slate-400" }))), /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React.createElement("h4", { className: "text-sm font-bold text-slate-700 dark:text-slate-300" }, "Global Headers"), /* @__PURE__ */ React.createElement("button", { onClick: () => setGlobalHeaders([...globalHeaders, { key: "", value: "" }]), className: "flex items-center space-x-1 text-[10px] font-bold bg-primary-500 text-white px-2 py-1 rounded-md uppercase tracking-tight" }, /* @__PURE__ */ React.createElement(import_lucide_react.Plus, { className: "w-3 h-3" }), /* @__PURE__ */ React.createElement("span", null, "Add"))), /* @__PURE__ */ React.createElement("div", { className: "space-y-3 max-h-[400px] overflow-y-auto pr-2 custom-scrollbar" }, globalHeaders.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "text-center py-10 border-2 border-dashed border-slate-100 dark:border-slate-800 rounded-2xl" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-slate-400 italic" }, "No headers configured.")), globalHeaders.map((header, idx) => /* @__PURE__ */ React.createElement("div", { key: idx, className: "flex items-end space-x-2 group" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 space-y-1" }, /* @__PURE__ */ React.createElement("input", { placeholder: "Key", value: header.key, onChange: (e) => {
     const newHeaders = [...globalHeaders];
     newHeaders[idx].key = e.target.value;
     setGlobalHeaders(newHeaders);
-  }, className: "w-full px-3 py-1.5 text-xs bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-lg outline-none" }), /* @__PURE__ */ React4.createElement("input", { placeholder: "Value", value: header.value, onChange: (e) => {
+  }, className: "w-full px-3 py-1.5 text-xs bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-lg outline-none" }), /* @__PURE__ */ React.createElement("input", { placeholder: "Value", value: header.value, onChange: (e) => {
     const newHeaders = [...globalHeaders];
     newHeaders[idx].value = e.target.value;
     setGlobalHeaders(newHeaders);
-  }, className: "w-full px-3 py-1.5 text-xs bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-lg outline-none" })), /* @__PURE__ */ React4.createElement("button", { onClick: () => setGlobalHeaders(globalHeaders.filter((_, i) => i !== idx)), className: "p-2 text-rose-400" }, /* @__PURE__ */ React4.createElement(import_lucide_react.Trash2, { className: "w-4 h-4" })))))))))), /* @__PURE__ */ React4.createElement("aside", { className: "w-72 bg-white dark:bg-slate-900 border-r border-slate-200 dark:border-slate-800 flex flex-col flex-shrink-0" }, /* @__PURE__ */ React4.createElement("div", { className: "p-6 border-b border-slate-100 dark:border-slate-800" }, /* @__PURE__ */ React4.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React4.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React4.createElement("div", { className: "w-8 h-8 bg-primary-500 rounded-lg flex items-center justify-center text-white font-bold" }, "E"), /* @__PURE__ */ React4.createElement("h1", { className: "font-bold text-lg tracking-tight uppercase" }, "Expresso")), /* @__PURE__ */ React4.createElement("button", { onClick: () => setIsConfigOpen(true), className: "p-2 text-slate-400 hover:text-primary-500 relative" }, /* @__PURE__ */ React4.createElement(import_lucide_react.Settings, { className: "w-5 h-5 hover:rotate-45 transition-transform duration-300" }), globalHeaders.length > 0 && /* @__PURE__ */ React4.createElement("span", { className: "absolute top-1.5 right-1.5 w-2 h-2 bg-primary-500 rounded-full border-2 border-white dark:border-slate-900" }))), /* @__PURE__ */ React4.createElement("div", { className: "relative" }, /* @__PURE__ */ React4.createElement(import_lucide_react.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400" }), /* @__PURE__ */ React4.createElement("input", { type: "text", placeholder: "Search API...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full pl-10 pr-4 py-2 text-sm bg-slate-50 dark:bg-slate-800 rounded-xl outline-none" }))), /* @__PURE__ */ React4.createElement("nav", { className: "flex-1 overflow-y-auto p-4 space-y-8" }, Object.entries(filteredGroupedEndpoints).map(([group, endpoints]) => /* @__PURE__ */ React4.createElement("div", { key: group }, /* @__PURE__ */ React4.createElement("p", { className: "text-[10px] font-black uppercase text-slate-400 mb-3 px-2 border-l-2 border-primary-500 pl-3" }, group), /* @__PURE__ */ React4.createElement("div", { className: "space-y-1.5" }, endpoints.map((endpoint, idx) => /* @__PURE__ */ React4.createElement(SidebarItem, { key: idx, method: endpoint.method, title: endpoint.summary || endpoint.path, active: selectedEndpoint === endpoint, onClick: () => setSelectedEndpoint(endpoint) }))))))), /* @__PURE__ */ React4.createElement("main", { className: "flex-1 overflow-y-auto bg-white dark:bg-slate-950 px-12 py-10" }, /* @__PURE__ */ React4.createElement("div", { className: "max-w-4xl mx-auto" }, /* @__PURE__ */ React4.createElement(motion.div, { key: selectedEndpoint.path + selectedEndpoint.method, initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 } }, /* @__PURE__ */ React4.createElement("div", { className: "flex items-center space-x-3 mb-4" }, /* @__PURE__ */ React4.createElement("span", { className: `px-3 py-1 text-[11px] font-black rounded-lg uppercase border ${currentMethodColors.bg} ${currentMethodColors.text} ${currentMethodColors.border}` }, selectedEndpoint.method), /* @__PURE__ */ React4.createElement("span", { className: "text-sm font-mono text-slate-400" }, selectedEndpoint.path)), /* @__PURE__ */ React4.createElement("h2", { className: "text-4xl font-extrabold mb-2 tracking-tight" }, selectedEndpoint.summary), /* @__PURE__ */ React4.createElement("div", { className: "flex items-center space-x-2 p-3 bg-slate-100 dark:bg-slate-900 rounded-xl mb-6 border border-slate-200 dark:border-slate-800 group relative" }, /* @__PURE__ */ React4.createElement(import_lucide_react.Globe, { className: "w-4 h-4 text-slate-400 group-hover:text-primary-500 transition-colors" }), /* @__PURE__ */ React4.createElement("code", { className: "text-[13px] font-mono break-all text-slate-500 dark:text-slate-400 flex-1" }, displayFullUrl), /* @__PURE__ */ React4.createElement("button", { onClick: () => navigator.clipboard.writeText(displayFullUrl), className: "opacity-0 group-hover:opacity-100 p-1.5 hover:bg-white dark:hover:bg-slate-800 rounded-lg transition-all text-[10px] font-bold uppercase text-primary-500" }, "Copy")), /* @__PURE__ */ React4.createElement("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-10 leading-relaxed font-medium whitespace-pre-wrap" }, selectedEndpoint.description || "No description provided."), /* @__PURE__ */ React4.createElement("div", { className: "space-y-12" }, /* @__PURE__ */ React4.createElement("section", null, /* @__PURE__ */ React4.createElement("div", { className: "flex items-center space-x-2 mb-6 border-b border-slate-100 dark:border-slate-800 pb-2" }, /* @__PURE__ */ React4.createElement(import_lucide_react.Shield, { className: "w-5 h-5 text-slate-400" }), /* @__PURE__ */ React4.createElement("h3", { className: "text-xl font-bold" }, "Security")), /* @__PURE__ */ React4.createElement("div", { className: "p-4 bg-primary-500/5 border border-primary-500/10 rounded-2xl flex items-center justify-between" }, /* @__PURE__ */ React4.createElement("span", { className: "text-sm font-medium" }, "Include Credentials (Cookies/Session)"), /* @__PURE__ */ React4.createElement("span", { className: "text-[10px] font-bold bg-primary-500 text-white px-2 py-1 rounded-full uppercase tracking-tighter" }, "Enabled"))), /* @__PURE__ */ React4.createElement("section", null, /* @__PURE__ */ React4.createElement("div", { className: "flex items-center space-x-2 mb-6 border-b border-slate-100 dark:border-slate-800 pb-2" }, /* @__PURE__ */ React4.createElement(import_lucide_react.Database, { className: "w-5 h-5 text-slate-400" }), /* @__PURE__ */ React4.createElement("h3", { className: "text-xl font-bold" }, "Responses")), /* @__PURE__ */ React4.createElement("div", { className: "space-y-6" }, Object.entries(selectedEndpoint.responses).map(([code, res]) => /* @__PURE__ */ React4.createElement("div", { key: code, className: "p-5 rounded-2xl bg-slate-50 dark:bg-slate-900/30 border border-slate-100 dark:border-slate-800" }, /* @__PURE__ */ React4.createElement("div", { className: "flex items-start space-x-4 mb-2" }, /* @__PURE__ */ React4.createElement("span", { className: `px-2.5 py-1 rounded-lg text-xs font-black ${code.startsWith("2") ? "text-green-500" : "text-red-500"}` }, code), /* @__PURE__ */ React4.createElement("p", { className: "text-[15px] font-medium pt-0.5" }, res.description)), res.body && /* @__PURE__ */ React4.createElement(SchemaPreview, { data: resolveModel(res.body), title: typeof res.body === "string" ? res.body : "Object" }))))))))), /* @__PURE__ */ React4.createElement("aside", { className: "w-[480px] bg-slate-900 flex flex-col flex-shrink-0 text-white border-l border-slate-800 shadow-2xl" }, /* @__PURE__ */ React4.createElement("div", { className: "p-6 border-b border-slate-800 flex items-center justify-between sticky top-0 z-10 bg-slate-900" }, /* @__PURE__ */ React4.createElement("h4", { className: "text-sm font-bold uppercase tracking-widest text-slate-400" }, "Try It Out"), /* @__PURE__ */ React4.createElement("button", { onClick: executeApi, disabled: loading, className: "px-6 py-2 bg-primary-500 text-white text-xs font-bold rounded-xl active:scale-95 transition-all disabled:opacity-50" }, loading ? "Executing..." : "Execute API")), /* @__PURE__ */ React4.createElement("div", { className: "flex-1 overflow-y-auto p-6 space-y-8 font-mono text-[13px]" }, Object.keys(selectedEndpoint.params || {}).length > 0 && /* @__PURE__ */ React4.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React4.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Path Parameters"), Object.entries(selectedEndpoint.params || {}).map(([key, def]) => /* @__PURE__ */ React4.createElement(InputField, { key, label: key, placeholder: def.description, description: def.description, value: params[key], onChange: (val) => setParams((prev) => ({ ...prev, [key]: val })) }))), Object.keys(selectedEndpoint.query || {}).length > 0 && /* @__PURE__ */ React4.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React4.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Query Parameters"), Object.entries(selectedEndpoint.query || {}).map(([key, def]) => /* @__PURE__ */ React4.createElement(InputField, { key, label: key, placeholder: def.description, description: def.description, value: queryParams[key], onChange: (val) => setQueryParams((prev) => ({ ...prev, [key]: val })) }))), ["POST", "PUT", "PATCH"].includes(selectedEndpoint.method) && /* @__PURE__ */ React4.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React4.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Request Body (JSON)"), /* @__PURE__ */ React4.createElement("textarea", { value: body, onChange: (e) => setBody(e.target.value), placeholder: "Enter JSON body here...", className: "w-full h-48 bg-slate-950/50 border border-slate-800 rounded-2xl p-4 text-[13px] outline-none focus:ring-2 focus:ring-primary-500/50 transition-all text-slate-300 font-mono resize-none" })), /* @__PURE__ */ React4.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React4.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React4.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Response"), response && /* @__PURE__ */ React4.createElement("div", { className: "flex items-center space-x-3 text-[10px] font-bold" }, /* @__PURE__ */ React4.createElement("span", { className: "flex items-center text-slate-400" }, /* @__PURE__ */ React4.createElement(import_lucide_react.Clock, { className: "w-3 h-3 mr-1" }), " ", executionTime, "ms"), /* @__PURE__ */ React4.createElement("span", { className: response.status < 300 ? "text-green-500" : "text-red-500" }, "STATUS: ", response.status))), /* @__PURE__ */ React4.createElement("div", { className: "bg-slate-950/80 p-5 rounded-2xl border border-slate-800 min-h-[100px] overflow-x-auto" }, /* @__PURE__ */ React4.createElement("pre", { className: `whitespace-pre ${response ? response.status >= 400 ? "text-red-400" : "text-green-400" : "text-slate-600"}` }, response ? JSON.stringify(response.data, null, 4) : "// Click 'Execute API'"))))));
+  }, className: "w-full px-3 py-1.5 text-xs bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-lg outline-none" })), /* @__PURE__ */ React.createElement("button", { onClick: () => setGlobalHeaders(globalHeaders.filter((_, i) => i !== idx)), className: "p-2 text-rose-400" }, /* @__PURE__ */ React.createElement(import_lucide_react.Trash2, { className: "w-4 h-4" })))))))))), /* @__PURE__ */ React.createElement("aside", { className: "w-72 bg-white dark:bg-slate-900 border-r border-slate-200 dark:border-slate-800 flex flex-col flex-shrink-0" }, /* @__PURE__ */ React.createElement("div", { className: "p-6 border-b border-slate-100 dark:border-slate-800" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 bg-primary-500 rounded-lg flex items-center justify-center text-white font-bold" }, "E"), /* @__PURE__ */ React.createElement("h1", { className: "font-bold text-lg tracking-tight uppercase" }, "Expresso")), /* @__PURE__ */ React.createElement("button", { onClick: () => setIsConfigOpen(true), className: "p-2 text-slate-400 hover:text-primary-500 relative" }, /* @__PURE__ */ React.createElement(import_lucide_react.Settings, { className: "w-5 h-5 hover:rotate-45 transition-transform duration-300" }), globalHeaders.length > 0 && /* @__PURE__ */ React.createElement("span", { className: "absolute top-1.5 right-1.5 w-2 h-2 bg-primary-500 rounded-full border-2 border-white dark:border-slate-900" }))), /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(import_lucide_react.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400" }), /* @__PURE__ */ React.createElement("input", { type: "text", placeholder: "Search API...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full pl-10 pr-4 py-2 text-sm bg-slate-50 dark:bg-slate-800 rounded-xl outline-none" }))), /* @__PURE__ */ React.createElement("nav", { className: "flex-1 overflow-y-auto p-4 space-y-8" }, Object.entries(filteredGroupedEndpoints).map(([group, endpoints]) => /* @__PURE__ */ React.createElement("div", { key: group }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-black uppercase text-slate-400 mb-3 px-2 border-l-2 border-primary-500 pl-3" }, group), /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, endpoints.map((endpoint, idx) => /* @__PURE__ */ React.createElement(SidebarItem, { key: idx, method: endpoint.method, title: endpoint.name || endpoint.path, active: selectedEndpoint === endpoint, onClick: () => setSelectedEndpoint(endpoint) }))))))), /* @__PURE__ */ React.createElement("main", { className: "flex-1 overflow-y-auto bg-white dark:bg-slate-950 px-12 py-10" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-4xl mx-auto" }, /* @__PURE__ */ React.createElement(motion.div, { key: selectedEndpoint.path + selectedEndpoint.method, initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3 mb-4" }, /* @__PURE__ */ React.createElement("span", { className: `px-3 py-1 text-[11px] font-black rounded-lg uppercase border ${currentMethodColors.bg} ${currentMethodColors.text} ${currentMethodColors.border}` }, selectedEndpoint.method), /* @__PURE__ */ React.createElement("span", { className: "text-sm font-mono text-slate-400" }, selectedEndpoint.path)), /* @__PURE__ */ React.createElement("h2", { className: "text-4xl font-extrabold mb-2 tracking-tight" }, selectedEndpoint.name), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 p-3 bg-slate-100 dark:bg-slate-900 rounded-xl mb-6 border border-slate-200 dark:border-slate-800 group relative" }, /* @__PURE__ */ React.createElement(import_lucide_react.Globe, { className: "w-4 h-4 text-slate-400 group-hover:text-primary-500 transition-colors" }), /* @__PURE__ */ React.createElement("code", { className: "text-[13px] font-mono break-all text-slate-500 dark:text-slate-400 flex-1" }, displayFullUrl), /* @__PURE__ */ React.createElement("button", { onClick: () => navigator.clipboard.writeText(displayFullUrl), className: "opacity-0 group-hover:opacity-100 p-1.5 hover:bg-white dark:hover:bg-slate-800 rounded-lg transition-all text-[10px] font-bold uppercase text-primary-500" }, "Copy")), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-10 leading-relaxed font-medium whitespace-pre-wrap" }, selectedEndpoint.description || "No description provided."), /* @__PURE__ */ React.createElement("div", { className: "space-y-12" }, /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 mb-6 border-b border-slate-100 dark:border-slate-800 pb-2" }, /* @__PURE__ */ React.createElement(import_lucide_react.Shield, { className: "w-5 h-5 text-slate-400" }), /* @__PURE__ */ React.createElement("h3", { className: "text-xl font-bold" }, "Security")), /* @__PURE__ */ React.createElement("div", { className: "p-4 bg-primary-500/5 border border-primary-500/10 rounded-2xl flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium" }, "Include Credentials (Cookies/Session)"), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-bold bg-primary-500 text-white px-2 py-1 rounded-full uppercase tracking-tighter" }, "Enabled"))), /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 mb-6 border-b border-slate-100 dark:border-slate-800 pb-2" }, /* @__PURE__ */ React.createElement(import_lucide_react.Database, { className: "w-5 h-5 text-slate-400" }), /* @__PURE__ */ React.createElement("h3", { className: "text-xl font-bold" }, "Responses")), /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, Object.entries(selectedEndpoint.responses).map(([code, res]) => /* @__PURE__ */ React.createElement("div", { key: code, className: "p-5 rounded-2xl bg-slate-50 dark:bg-slate-900/30 border border-slate-100 dark:border-slate-800" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start space-x-4 mb-2" }, /* @__PURE__ */ React.createElement("span", { className: `px-2.5 py-1 rounded-lg text-xs font-black ${code.startsWith("2") ? "text-green-500" : "text-red-500"}` }, code), /* @__PURE__ */ React.createElement("p", { className: "text-[15px] font-medium pt-0.5" }, res.description)), res.body && /* @__PURE__ */ React.createElement(SchemaPreview, { data: resolveModel(res.body), title: typeof res.body === "string" ? res.body : "Object" }))))))))), /* @__PURE__ */ React.createElement("aside", { className: "w-[480px] bg-slate-900 flex flex-col flex-shrink-0 text-white border-l border-slate-800 shadow-2xl" }, /* @__PURE__ */ React.createElement("div", { className: "p-6 border-b border-slate-800 flex items-center justify-between sticky top-0 z-10 bg-slate-900" }, /* @__PURE__ */ React.createElement("h4", { className: "text-sm font-bold uppercase tracking-widest text-slate-400" }, "Try It Out"), /* @__PURE__ */ React.createElement("button", { onClick: executeApi, disabled: loading, className: "px-6 py-2 bg-primary-500 text-white text-xs font-bold rounded-xl active:scale-95 transition-all disabled:opacity-50" }, loading ? "Executing..." : "Execute API")), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto p-6 space-y-8 font-mono text-[13px]" }, Object.keys(selectedEndpoint.params || {}).length > 0 && /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Path Parameters"), Object.entries(selectedEndpoint.params || {}).map(([key, def]) => /* @__PURE__ */ React.createElement(InputField, { key, label: key, placeholder: def.description, description: def.description, value: params[key], onChange: (val) => setParams((prev) => ({ ...prev, [key]: val })) }))), Object.keys(selectedEndpoint.query || {}).length > 0 && /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Query Parameters"), Object.entries(selectedEndpoint.query || {}).map(([key, def]) => /* @__PURE__ */ React.createElement(InputField, { key, label: key, placeholder: def.description, description: def.description, value: queryParams[key], onChange: (val) => setQueryParams((prev) => ({ ...prev, [key]: val })) }))), ["POST", "PUT", "PATCH"].includes(selectedEndpoint.method) && /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Request Body (JSON)"), /* @__PURE__ */ React.createElement("textarea", { value: body, onChange: (e) => setBody(e.target.value), placeholder: "Enter JSON body here...", className: "w-full h-48 bg-slate-950/50 border border-slate-800 rounded-2xl p-4 text-[13px] outline-none focus:ring-2 focus:ring-primary-500/50 transition-all text-slate-300 font-mono resize-none" })), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-bold text-slate-500 uppercase tracking-widest" }, "Response"), response && /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3 text-[10px] font-bold" }, /* @__PURE__ */ React.createElement("span", { className: "flex items-center text-slate-400" }, /* @__PURE__ */ React.createElement(import_lucide_react.Clock, { className: "w-3 h-3 mr-1" }), " ", executionTime, "ms"), /* @__PURE__ */ React.createElement("span", { className: response.status < 300 ? "text-green-500" : "text-red-500" }, "STATUS: ", response.status))), /* @__PURE__ */ React.createElement("div", { className: "bg-slate-950/80 p-5 rounded-2xl border border-slate-800 min-h-[100px] overflow-x-auto" }, /* @__PURE__ */ React.createElement("pre", { className: `whitespace-pre ${response ? response.status >= 400 ? "text-red-400" : "text-green-400" : "text-slate-600"}` }, response ? JSON.stringify(response.data, null, 4) : "// Click 'Execute API'"))))));
 };
 
 // src/lib/index.ts