@jagoankode/api-client 1.0.0

package/dist/index.mjs

@@ -0,0 +1,901 @@
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/styles.css
+styleInject('*,\n::before,\n::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n.nat-absolute {\n  position: absolute;\n}\n.nat-relative {\n  position: relative;\n}\n.nat-right-2 {\n  right: 0.5rem;\n}\n.nat-top-2 {\n  top: 0.5rem;\n}\n.-nat-mb-px {\n  margin-bottom: -1px;\n}\n.nat-mb-1\\.5 {\n  margin-bottom: 0.375rem;\n}\n.nat-mb-3 {\n  margin-bottom: 0.75rem;\n}\n.nat-ml-auto {\n  margin-left: auto;\n}\n.nat-mt-1 {\n  margin-top: 0.25rem;\n}\n.nat-flex {\n  display: flex;\n}\n.nat-inline-flex {\n  display: inline-flex;\n}\n.nat-h-1\\.5 {\n  height: 0.375rem;\n}\n.nat-h-2 {\n  height: 0.5rem;\n}\n.nat-h-3\\.5 {\n  height: 0.875rem;\n}\n.nat-h-6 {\n  height: 1.5rem;\n}\n.nat-h-\\[45\\%\\] {\n  height: 45%;\n}\n.nat-h-\\[55\\%\\] {\n  height: 55%;\n}\n.nat-h-full {\n  height: 100%;\n}\n.nat-h-screen {\n  height: 100vh;\n}\n.nat-min-h-\\[150px\\] {\n  min-height: 150px;\n}\n.nat-min-h-\\[300px\\] {\n  min-height: 300px;\n}\n.nat-w-1\\.5 {\n  width: 0.375rem;\n}\n.nat-w-1\\/3 {\n  width: 33.333333%;\n}\n.nat-w-2 {\n  width: 0.5rem;\n}\n.nat-w-2\\/3 {\n  width: 66.666667%;\n}\n.nat-w-3\\.5 {\n  width: 0.875rem;\n}\n.nat-w-6 {\n  width: 1.5rem;\n}\n.nat-w-72 {\n  width: 18rem;\n}\n.nat-w-full {\n  width: 100%;\n}\n.nat-w-max {\n  width: -moz-max-content;\n  width: max-content;\n}\n.nat-max-w-md {\n  max-width: 28rem;\n}\n.nat-flex-1 {\n  flex: 1 1 0%;\n}\n.nat-resize-y {\n  resize: vertical;\n}\n.nat-flex-col {\n  flex-direction: column;\n}\n.nat-flex-wrap {\n  flex-wrap: wrap;\n}\n.nat-items-center {\n  align-items: center;\n}\n.nat-justify-center {\n  justify-content: center;\n}\n.nat-justify-between {\n  justify-content: space-between;\n}\n.nat-gap-1\\.5 {\n  gap: 0.375rem;\n}\n.nat-gap-2 {\n  gap: 0.5rem;\n}\n.nat-gap-3 {\n  gap: 0.75rem;\n}\n.nat-gap-4 {\n  gap: 1rem;\n}\n.nat-gap-6 {\n  gap: 1.5rem;\n}\n.nat-gap-px {\n  gap: 1px;\n}\n.nat-overflow-hidden {\n  overflow: hidden;\n}\n.nat-overflow-y-auto {\n  overflow-y: auto;\n}\n.nat-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.nat-whitespace-pre-wrap {\n  white-space: pre-wrap;\n}\n.nat-break-all {\n  word-break: break-all;\n}\n.nat-rounded {\n  border-radius: 0.25rem;\n}\n.nat-rounded-full {\n  border-radius: 9999px;\n}\n.nat-rounded-xl {\n  border-radius: 0.75rem;\n}\n.nat-border {\n  border-width: 1px;\n}\n.nat-border-b {\n  border-bottom-width: 1px;\n}\n.nat-border-b-2 {\n  border-bottom-width: 2px;\n}\n.nat-border-l {\n  border-left-width: 1px;\n}\n.nat-border-r {\n  border-right-width: 1px;\n}\n.nat-border-amber-500\\/20 {\n  border-color: rgb(245 158 11 / 0.2);\n}\n.nat-border-emerald-500\\/20 {\n  border-color: rgb(16 185 129 / 0.2);\n}\n.nat-border-neutral-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(64 64 64 / var(--tw-border-opacity, 1));\n}\n.nat-border-neutral-800 {\n  --tw-border-opacity: 1;\n  border-color: rgb(38 38 38 / var(--tw-border-opacity, 1));\n}\n.nat-border-neutral-800\\/50 {\n  border-color: rgb(38 38 38 / 0.5);\n}\n.nat-border-orange-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));\n}\n.nat-border-rose-500\\/20 {\n  border-color: rgb(244 63 94 / 0.2);\n}\n.nat-border-rose-900\\/50 {\n  border-color: rgb(136 19 55 / 0.5);\n}\n.nat-border-transparent {\n  border-color: transparent;\n}\n.nat-bg-amber-500\\/10 {\n  background-color: rgb(245 158 11 / 0.1);\n}\n.nat-bg-blue-500\\/10 {\n  background-color: rgb(59 130 246 / 0.1);\n}\n.nat-bg-emerald-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));\n}\n.nat-bg-emerald-500\\/10 {\n  background-color: rgb(16 185 129 / 0.1);\n}\n.nat-bg-neutral-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));\n}\n.nat-bg-neutral-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));\n}\n.nat-bg-neutral-900\\/50 {\n  background-color: rgb(23 23 23 / 0.5);\n}\n.nat-bg-neutral-950 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));\n}\n.nat-bg-neutral-950\\/50 {\n  background-color: rgb(10 10 10 / 0.5);\n}\n.nat-bg-orange-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));\n}\n.nat-bg-purple-500\\/10 {\n  background-color: rgb(168 85 247 / 0.1);\n}\n.nat-bg-rose-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));\n}\n.nat-bg-rose-500\\/10 {\n  background-color: rgb(244 63 94 / 0.1);\n}\n.nat-bg-rose-950\\/20 {\n  background-color: rgb(76 5 25 / 0.2);\n}\n.nat-bg-zinc-500\\/10 {\n  background-color: rgb(113 113 122 / 0.1);\n}\n.nat-p-0 {\n  padding: 0px;\n}\n.nat-p-2 {\n  padding: 0.5rem;\n}\n.nat-p-3 {\n  padding: 0.75rem;\n}\n.nat-p-4 {\n  padding: 1rem;\n}\n.nat-p-6 {\n  padding: 1.5rem;\n}\n.nat-p-8 {\n  padding: 2rem;\n}\n.nat-px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.nat-px-1\\.5 {\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n}\n.nat-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.nat-px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n.nat-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.nat-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.nat-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.nat-py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.nat-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.nat-py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.nat-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.nat-py-2\\.5 {\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem;\n}\n.nat-py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.nat-pb-2 {\n  padding-bottom: 0.5rem;\n}\n.nat-text-left {\n  text-align: left;\n}\n.nat-text-center {\n  text-align: center;\n}\n.nat-font-mono {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n}\n.nat-font-sans {\n  font-family:\n    ui-sans-serif,\n    system-ui,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji",\n    "Segoe UI Symbol",\n    "Noto Color Emoji";\n}\n.nat-text-\\[10px\\] {\n  font-size: 10px;\n}\n.nat-text-\\[11px\\] {\n  font-size: 11px;\n}\n.nat-text-\\[9px\\] {\n  font-size: 9px;\n}\n.nat-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.nat-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.nat-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.nat-font-bold {\n  font-weight: 700;\n}\n.nat-font-medium {\n  font-weight: 500;\n}\n.nat-font-semibold {\n  font-weight: 600;\n}\n.nat-uppercase {\n  text-transform: uppercase;\n}\n.nat-leading-relaxed {\n  line-height: 1.625;\n}\n.nat-tracking-tight {\n  letter-spacing: -0.025em;\n}\n.nat-text-amber-400 {\n  --tw-text-opacity: 1;\n  color: rgb(251 191 36 / var(--tw-text-opacity, 1));\n}\n.nat-text-amber-500 {\n  --tw-text-opacity: 1;\n  color: rgb(245 158 11 / var(--tw-text-opacity, 1));\n}\n.nat-text-blue-400 {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity, 1));\n}\n.nat-text-emerald-400 {\n  --tw-text-opacity: 1;\n  color: rgb(52 211 153 / var(--tw-text-opacity, 1));\n}\n.nat-text-emerald-400\\/90 {\n  color: rgb(52 211 153 / 0.9);\n}\n.nat-text-emerald-500 {\n  --tw-text-opacity: 1;\n  color: rgb(16 185 129 / var(--tw-text-opacity, 1));\n}\n.nat-text-neutral-100 {\n  --tw-text-opacity: 1;\n  color: rgb(245 245 245 / var(--tw-text-opacity, 1));\n}\n.nat-text-neutral-200 {\n  --tw-text-opacity: 1;\n  color: rgb(229 229 229 / var(--tw-text-opacity, 1));\n}\n.nat-text-neutral-300 {\n  --tw-text-opacity: 1;\n  color: rgb(212 212 212 / var(--tw-text-opacity, 1));\n}\n.nat-text-neutral-400 {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity, 1));\n}\n.nat-text-neutral-500 {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity, 1));\n}\n.nat-text-neutral-600 {\n  --tw-text-opacity: 1;\n  color: rgb(82 82 82 / var(--tw-text-opacity, 1));\n}\n.nat-text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity, 1));\n}\n.nat-text-purple-400 {\n  --tw-text-opacity: 1;\n  color: rgb(192 132 252 / var(--tw-text-opacity, 1));\n}\n.nat-text-rose-400 {\n  --tw-text-opacity: 1;\n  color: rgb(251 113 133 / var(--tw-text-opacity, 1));\n}\n.nat-text-rose-400\\/80 {\n  color: rgb(251 113 133 / 0.8);\n}\n.nat-text-rose-500 {\n  --tw-text-opacity: 1;\n  color: rgb(244 63 94 / var(--tw-text-opacity, 1));\n}\n.nat-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.nat-text-zinc-400 {\n  --tw-text-opacity: 1;\n  color: rgb(161 161 170 / var(--tw-text-opacity, 1));\n}\n.nat-accent-orange-500 {\n  accent-color: #f97316;\n}\n.nat-opacity-0 {\n  opacity: 0;\n}\n.nat-shadow-2xl {\n  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.nat-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.nat-transition-colors {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.nat-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.nat-scrollbar::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.nat-scrollbar::-webkit-scrollbar-track {\n  background: transparent;\n}\n.nat-scrollbar::-webkit-scrollbar-thumb {\n  background: #3f3f46;\n  border-radius: 3px;\n}\n.nat-scrollbar::-webkit-scrollbar-thumb:hover {\n  background: #52525b;\n}\n.placeholder\\:nat-text-neutral-600::-moz-placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(82 82 82 / var(--tw-text-opacity, 1));\n}\n.placeholder\\:nat-text-neutral-600::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(82 82 82 / var(--tw-text-opacity, 1));\n}\n.hover\\:nat-bg-neutral-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));\n}\n.hover\\:nat-bg-neutral-800\\/50:hover {\n  background-color: rgb(38 38 38 / 0.5);\n}\n.hover\\:nat-bg-neutral-800\\/80:hover {\n  background-color: rgb(38 38 38 / 0.8);\n}\n.hover\\:nat-bg-orange-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));\n}\n.hover\\:nat-text-neutral-300:hover {\n  --tw-text-opacity: 1;\n  color: rgb(212 212 212 / var(--tw-text-opacity, 1));\n}\n.hover\\:nat-text-orange-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(251 146 60 / var(--tw-text-opacity, 1));\n}\n.hover\\:nat-text-rose-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(251 113 133 / var(--tw-text-opacity, 1));\n}\n.hover\\:nat-text-rose-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(244 63 94 / var(--tw-text-opacity, 1));\n}\n.focus\\:nat-border-neutral-600:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(82 82 82 / var(--tw-border-opacity, 1));\n}\n.focus\\:nat-border-orange-500:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));\n}\n.focus\\:nat-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:nat-ring-1:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:nat-ring-orange-500\\/50:focus {\n  --tw-ring-color: rgb(249 115 22 / 0.5);\n}\n.disabled\\:nat-cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:nat-opacity-50:disabled {\n  opacity: 0.5;\n}\n.nat-group:hover .group-hover\\:nat-text-neutral-300 {\n  --tw-text-opacity: 1;\n  color: rgb(212 212 212 / var(--tw-text-opacity, 1));\n}\n.nat-group:hover .group-hover\\:nat-text-neutral-500 {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity, 1));\n}\n.nat-group:hover .group-hover\\:nat-opacity-100 {\n  opacity: 1;\n}\n');
+
+// src/components/RequestPanel.tsx
+import { useState } from "react";
+
+// node_modules/zustand/esm/vanilla.mjs
+var createStoreImpl = (createState) => {
+  let state;
+  const listeners = /* @__PURE__ */ new Set();
+  const setState = (partial, replace) => {
+    const nextState = typeof partial === "function" ? partial(state) : partial;
+    if (!Object.is(nextState, state)) {
+      const previousState = state;
+      state = (replace != null ? replace : typeof nextState !== "object" || nextState === null) ? nextState : Object.assign({}, state, nextState);
+      listeners.forEach((listener) => listener(state, previousState));
+    }
+  };
+  const getState = () => state;
+  const getInitialState = () => initialState;
+  const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  };
+  const api = { setState, getState, getInitialState, subscribe };
+  const initialState = state = createState(setState, getState, api);
+  return api;
+};
+var createStore = ((createState) => createState ? createStoreImpl(createState) : createStoreImpl);
+
+// node_modules/zustand/esm/react.mjs
+import React from "react";
+var identity = (arg) => arg;
+function useStore(api, selector = identity) {
+  const slice = React.useSyncExternalStore(
+    api.subscribe,
+    React.useCallback(() => selector(api.getState()), [api, selector]),
+    React.useCallback(() => selector(api.getInitialState()), [api, selector])
+  );
+  React.useDebugValue(slice);
+  return slice;
+}
+var createImpl = (createState) => {
+  const api = createStore(createState);
+  const useBoundStore = (selector) => useStore(api, selector);
+  Object.assign(useBoundStore, api);
+  return useBoundStore;
+};
+var create = ((createState) => createState ? createImpl(createState) : createImpl);
+
+// node_modules/zustand/esm/middleware.mjs
+function createJSONStorage(getStorage, options) {
+  let storage;
+  try {
+    storage = getStorage();
+  } catch (e) {
+    return;
+  }
+  const persistStorage = {
+    getItem: (name) => {
+      var _a;
+      const parse = (str2) => {
+        if (str2 === null) {
+          return null;
+        }
+        return JSON.parse(str2, options == null ? void 0 : options.reviver);
+      };
+      const str = (_a = storage.getItem(name)) != null ? _a : null;
+      if (str instanceof Promise) {
+        return str.then(parse);
+      }
+      return parse(str);
+    },
+    setItem: (name, newValue) => storage.setItem(name, JSON.stringify(newValue, options == null ? void 0 : options.replacer)),
+    removeItem: (name) => storage.removeItem(name)
+  };
+  return persistStorage;
+}
+var toThenable = (fn) => (input) => {
+  try {
+    const result = fn(input);
+    if (result instanceof Promise) {
+      return result;
+    }
+    return {
+      then(onFulfilled) {
+        return toThenable(onFulfilled)(result);
+      },
+      catch(_onRejected) {
+        return this;
+      }
+    };
+  } catch (e) {
+    return {
+      then(_onFulfilled) {
+        return this;
+      },
+      catch(onRejected) {
+        return toThenable(onRejected)(e);
+      }
+    };
+  }
+};
+var persistImpl = (config, baseOptions) => (set, get, api) => {
+  let options = {
+    storage: createJSONStorage(() => window.localStorage),
+    partialize: (state) => state,
+    version: 0,
+    merge: (persistedState, currentState) => ({
+      ...currentState,
+      ...persistedState
+    }),
+    ...baseOptions
+  };
+  let hasHydrated = false;
+  let hydrationVersion = 0;
+  const hydrationListeners = /* @__PURE__ */ new Set();
+  const finishHydrationListeners = /* @__PURE__ */ new Set();
+  let storage = options.storage;
+  if (!storage) {
+    return config(
+      (...args) => {
+        console.warn(
+          `[zustand persist middleware] Unable to update item '${options.name}', the given storage is currently unavailable.`
+        );
+        set(...args);
+      },
+      get,
+      api
+    );
+  }
+  const setItem = () => {
+    const state = options.partialize({ ...get() });
+    return storage.setItem(options.name, {
+      state,
+      version: options.version
+    });
+  };
+  const savedSetState = api.setState;
+  api.setState = (state, replace) => {
+    savedSetState(state, replace);
+    return setItem();
+  };
+  const configResult = config(
+    (...args) => {
+      set(...args);
+      return setItem();
+    },
+    get,
+    api
+  );
+  api.getInitialState = () => configResult;
+  let stateFromStorage;
+  const hydrate = () => {
+    var _a, _b;
+    if (!storage) return;
+    const currentVersion = ++hydrationVersion;
+    hasHydrated = false;
+    hydrationListeners.forEach((cb) => {
+      var _a2;
+      return cb((_a2 = get()) != null ? _a2 : configResult);
+    });
+    const postRehydrationCallback = ((_b = options.onRehydrateStorage) == null ? void 0 : _b.call(options, (_a = get()) != null ? _a : configResult)) || void 0;
+    return toThenable(storage.getItem.bind(storage))(options.name).then((deserializedStorageValue) => {
+      if (deserializedStorageValue) {
+        if (typeof deserializedStorageValue.version === "number" && deserializedStorageValue.version !== options.version) {
+          if (options.migrate) {
+            const migration = options.migrate(
+              deserializedStorageValue.state,
+              deserializedStorageValue.version
+            );
+            if (migration instanceof Promise) {
+              return migration.then((result) => [true, result]);
+            }
+            return [true, migration];
+          }
+          console.error(
+            `State loaded from storage couldn't be migrated since no migrate function was provided`
+          );
+        } else {
+          return [false, deserializedStorageValue.state];
+        }
+      }
+      return [false, void 0];
+    }).then((migrationResult) => {
+      var _a2;
+      if (currentVersion !== hydrationVersion) {
+        return;
+      }
+      const [migrated, migratedState] = migrationResult;
+      stateFromStorage = options.merge(
+        migratedState,
+        (_a2 = get()) != null ? _a2 : configResult
+      );
+      set(stateFromStorage, true);
+      if (migrated) {
+        return setItem();
+      }
+    }).then(() => {
+      if (currentVersion !== hydrationVersion) {
+        return;
+      }
+      postRehydrationCallback == null ? void 0 : postRehydrationCallback(get(), void 0);
+      stateFromStorage = get();
+      hasHydrated = true;
+      finishHydrationListeners.forEach((cb) => cb(stateFromStorage));
+    }).catch((e) => {
+      if (currentVersion !== hydrationVersion) {
+        return;
+      }
+      postRehydrationCallback == null ? void 0 : postRehydrationCallback(void 0, e);
+    });
+  };
+  api.persist = {
+    setOptions: (newOptions) => {
+      options = {
+        ...options,
+        ...newOptions
+      };
+      if (newOptions.storage) {
+        storage = newOptions.storage;
+      }
+    },
+    clearStorage: () => {
+      storage == null ? void 0 : storage.removeItem(options.name);
+    },
+    getOptions: () => options,
+    rehydrate: () => hydrate(),
+    hasHydrated: () => hasHydrated,
+    onHydrate: (cb) => {
+      hydrationListeners.add(cb);
+      return () => {
+        hydrationListeners.delete(cb);
+      };
+    },
+    onFinishHydration: (cb) => {
+      finishHydrationListeners.add(cb);
+      return () => {
+        finishHydrationListeners.delete(cb);
+      };
+    }
+  };
+  if (!options.skipHydration) {
+    hydrate();
+  }
+  return stateFromStorage || configResult;
+};
+var persist = persistImpl;
+
+// src/utils/fetcher.ts
+function getCookie(name) {
+  if (typeof document === "undefined") return null;
+  const match = new RegExp(new RegExp(String.raw`(?:^|;\s*)${name}=([^;]*)`)).exec(document.cookie);
+  return match ? decodeURIComponent(match[1]) : null;
+}
+function getCsrfToken() {
+  return getCookie("next-auth.csrf-token");
+}
+function getAuthToken() {
+  return getCookie("next-auth.session-token") || getCookie("__Secure-next-auth.session-token") || getCookie("authjs.session-token") || getCookie("__Secure-authjs.session-token");
+}
+function headersToRecord(items) {
+  const record = {};
+  for (const item of items) {
+    if (item.enabled && item.key.trim()) {
+      record[item.key.trim()] = item.value;
+    }
+  }
+  return record;
+}
+function parseUrlParams(url) {
+  try {
+    const qIndex = url.indexOf("?");
+    if (qIndex === -1) {
+      return { baseUrl: url, params: [{ key: "", value: "", enabled: true }] };
+    }
+    const baseUrl = url.slice(0, qIndex);
+    const queryString = url.slice(qIndex + 1);
+    const searchParams = new URLSearchParams(queryString);
+    const params = [];
+    searchParams.forEach((value, key) => {
+      params.push({ key, value, enabled: true });
+    });
+    if (params.length === 0) {
+      params.push({ key: "", value: "", enabled: true });
+    }
+    return { baseUrl, params };
+  } catch {
+    return { baseUrl: url, params: [{ key: "", value: "", enabled: true }] };
+  }
+}
+function buildUrl(baseUrl, params) {
+  const activeParams = params.filter((p) => p.enabled && p.key.trim() !== "");
+  if (activeParams.length === 0) {
+    return baseUrl;
+  }
+  const searchParams = new URLSearchParams();
+  activeParams.forEach((p) => {
+    searchParams.append(p.key.trim(), p.value);
+  });
+  const queryString = searchParams.toString();
+  return queryString ? `${baseUrl}?${queryString}` : baseUrl;
+}
+function getAuthInfo() {
+  return {
+    csrfToken: getCsrfToken(),
+    authToken: getAuthToken()
+  };
+}
+async function executeRequest(config) {
+  const headers = new Headers(headersToRecord(config.headers));
+  const csrfToken = getCsrfToken();
+  if (csrfToken) {
+    headers.set("X-CSRF-Token", csrfToken);
+  }
+  if (!headers.has("Content-Type") && config.body && config.method !== "GET") {
+    headers.set("Content-Type", "application/json");
+  }
+  const start = performance.now();
+  const res = await fetch(config.url, {
+    method: config.method,
+    headers,
+    body: config.body && config.method !== "GET" ? config.body : void 0,
+    credentials: "same-origin"
+  });
+  const duration = Math.round(performance.now() - start);
+  let body;
+  try {
+    body = await res.text();
+  } catch {
+    body = "";
+  }
+  const responseHeaders = {};
+  res.headers.forEach((value, key) => {
+    responseHeaders[key] = value;
+  });
+  return {
+    status: res.status,
+    statusText: res.statusText,
+    body,
+    headers: responseHeaders,
+    duration
+  };
+}
+
+// src/store/useTesterStore.ts
+var idCounter = 0;
+function generateId() {
+  idCounter += 1;
+  return `req_${Date.now()}_${idCounter}`;
+}
+function createDefaultHeaders() {
+  return [{ key: "", value: "", enabled: true }];
+}
+function createDefaultParams() {
+  return [{ key: "", value: "", enabled: true }];
+}
+var useTesterStore = create()(
+  persist(
+    (set, get) => ({
+      url: "",
+      method: "GET",
+      headers: createDefaultHeaders(),
+      params: createDefaultParams(),
+      body: "",
+      history: [],
+      loading: false,
+      setUrl: (url) => {
+        const parsed = parseUrlParams(url);
+        set({ url, params: parsed.params });
+      },
+      setMethod: (method) => set({ method }),
+      setHeaders: (headers) => set({ headers }),
+      addHeader: () => set((state) => ({
+        headers: [...state.headers, { key: "", value: "", enabled: true }]
+      })),
+      removeHeader: (index) => set((state) => ({
+        headers: state.headers.filter((_, i) => i !== index)
+      })),
+      updateHeader: (index, field, value) => set((state) => ({
+        headers: state.headers.map(
+          (h, i) => i === index ? { ...h, [field]: value } : h
+        )
+      })),
+      setParams: (params) => {
+        const currentUrl = get().url;
+        const qIndex = currentUrl.indexOf("?");
+        const baseUrl = qIndex === -1 ? currentUrl : currentUrl.slice(0, qIndex);
+        const newUrl = buildUrl(baseUrl, params);
+        set({ params, url: newUrl });
+      },
+      addParam: () => {
+        const newParams = [...get().params, { key: "", value: "", enabled: true }];
+        get().setParams(newParams);
+      },
+      removeParam: (index) => {
+        const newParams = get().params.filter((_, i) => i !== index);
+        get().setParams(newParams);
+      },
+      updateParam: (index, field, value) => {
+        const newParams = get().params.map(
+          (p, i) => i === index ? { ...p, [field]: value } : p
+        );
+        get().setParams(newParams);
+      },
+      setBody: (body) => set({ body }),
+      executeRequest: async () => {
+        const { url, method, headers, params, body } = get();
+        set({ loading: true });
+        const entry = {
+          id: generateId(),
+          timestamp: Date.now(),
+          config: { url, method, headers, params, body },
+          response: null
+        };
+        try {
+          const result = await executeRequest({ url, method, headers, params, body });
+          entry.response = result;
+        } catch (err) {
+          entry.error = err instanceof Error ? err.message : "Unknown error";
+        }
+        set((state) => ({
+          loading: false,
+          history: [entry, ...state.history].slice(0, 100)
+        }));
+        return entry;
+      },
+      loadFromHistory: (entry) => set({
+        url: entry.config.url,
+        method: entry.config.method,
+        headers: entry.config.headers || createDefaultHeaders(),
+        params: entry.config.params || createDefaultParams(),
+        body: entry.config.body
+      }),
+      clearHistory: () => set({ history: [] })
+    }),
+    {
+      name: "api-client-history",
+      partialize: (state) => ({ history: state.history })
+    }
+  )
+);
+
+// src/components/RequestPanel.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE", "HEAD", "OPTIONS"];
+function RequestPanel() {
+  const {
+    url,
+    method,
+    headers,
+    params,
+    body,
+    loading,
+    setUrl,
+    setMethod,
+    setBody,
+    addHeader,
+    removeHeader,
+    updateHeader,
+    addParam,
+    removeParam,
+    updateParam,
+    executeRequest: executeRequest2
+  } = useTesterStore();
+  const [activeTab, setActiveTab] = useState("params");
+  return /* @__PURE__ */ jsxs("div", { className: "nat-flex nat-flex-col nat-gap-4 nat-h-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "nat-flex nat-gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          value: method,
+          onChange: (e) => setMethod(e.target.value),
+          className: "nat-px-3 nat-py-2 nat-rounded nat-border nat-border-neutral-700 nat-bg-neutral-800 nat-text-sm nat-font-bold nat-text-neutral-200 focus:nat-outline-none focus:nat-border-orange-500 focus:nat-ring-1 focus:nat-ring-orange-500/50",
+          children: METHODS.map((m) => /* @__PURE__ */ jsx("option", { value: m, children: m }, m))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "https://localhost:3000/api/...",
+          value: url,
+          onChange: (e) => setUrl(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") executeRequest2();
+          },
+          className: "nat-flex-1 nat-px-3 nat-py-2 nat-rounded nat-border nat-border-neutral-700 nat-bg-neutral-900 nat-text-neutral-200 nat-text-sm focus:nat-outline-none focus:nat-border-orange-500 focus:nat-ring-1 focus:nat-ring-orange-500/50 placeholder:nat-text-neutral-600 font-mono"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => executeRequest2(),
+          disabled: loading || !url.trim(),
+          className: "nat-px-6 nat-py-2 nat-rounded nat-bg-orange-600 nat-text-white nat-text-sm nat-font-semibold hover:nat-bg-orange-700 disabled:nat-opacity-50 disabled:nat-cursor-not-allowed nat-transition-colors",
+          children: loading ? "Sending..." : "Send"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "nat-flex nat-flex-col nat-flex-1 nat-overflow-hidden", children: [
+      /* @__PURE__ */ jsxs("div", { className: "nat-flex nat-gap-6 nat-border-b nat-border-neutral-800 nat-mb-3", children: [
+        /* @__PURE__ */ jsxs(TabButton, { active: activeTab === "params", onClick: () => setActiveTab("params"), children: [
+          "Params (",
+          params.filter((p) => p.key.trim()).length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsxs(TabButton, { active: activeTab === "headers", onClick: () => setActiveTab("headers"), children: [
+          "Headers (",
+          headers.filter((h) => h.key.trim()).length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx(TabButton, { active: activeTab === "body", onClick: () => setActiveTab("body"), children: "Body" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "nat-flex-1 nat-overflow-y-auto nat-scrollbar", children: [
+        activeTab === "params" && /* @__PURE__ */ jsx(
+          KeyValueTable,
+          {
+            items: params,
+            onAdd: addParam,
+            onRemove: removeParam,
+            onUpdate: updateParam,
+            placeholderKey: "Query Param"
+          }
+        ),
+        activeTab === "headers" && /* @__PURE__ */ jsx(
+          KeyValueTable,
+          {
+            items: headers,
+            onAdd: addHeader,
+            onRemove: removeHeader,
+            onUpdate: updateHeader,
+            placeholderKey: "Header"
+          }
+        ),
+        activeTab === "body" && /* @__PURE__ */ jsx("div", { className: "nat-flex nat-flex-col nat-h-full", children: method === "GET" || method === "HEAD" ? /* @__PURE__ */ jsxs("div", { className: "nat-text-sm nat-text-neutral-500 nat-p-4 nat-text-center", children: [
+          method,
+          " requests generally do not contain a body."
+        ] }) : /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value: body,
+            onChange: (e) => setBody(e.target.value),
+            placeholder: '{"key": "value"}',
+            className: "nat-w-full nat-flex-1 nat-min-h-[150px] nat-p-3 nat-rounded nat-border nat-border-neutral-800 nat-bg-neutral-900 nat-text-xs nat-font-mono nat-text-neutral-300 nat-resize-y focus:nat-outline-none focus:nat-border-orange-500 focus:nat-ring-1 focus:nat-ring-orange-500/50",
+            spellCheck: false
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+function TabButton({ active, onClick, children }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick,
+      className: `nat-pb-2 nat-text-sm nat-font-medium nat-transition-colors nat-border-b-2 ${active ? "nat-text-orange-500 nat-border-orange-500" : "nat-text-neutral-400 nat-border-transparent hover:nat-text-neutral-300"}`,
+      children
+    }
+  );
+}
+function KeyValueTable({
+  items,
+  onAdd,
+  onRemove,
+  onUpdate,
+  placeholderKey
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "nat-flex nat-flex-col nat-gap-1.5", children: [
+    items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "nat-flex nat-gap-2 nat-items-center nat-group", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: item.enabled,
+          onChange: (e) => onUpdate(i, "enabled", e.target.checked),
+          className: "nat-w-3.5 nat-h-3.5 nat-accent-orange-500"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: placeholderKey,
+          value: item.key,
+          onChange: (e) => onUpdate(i, "key", e.target.value),
+          className: "nat-flex-1 nat-px-2.5 nat-py-1.5 nat-rounded nat-border nat-border-neutral-800 nat-bg-neutral-900 nat-text-xs nat-font-mono nat-text-neutral-200 placeholder:nat-text-neutral-600 focus:nat-outline-none focus:nat-border-neutral-600"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Value",
+          value: item.value,
+          onChange: (e) => onUpdate(i, "value", e.target.value),
+          className: "nat-flex-1 nat-px-2.5 nat-py-1.5 nat-rounded nat-border nat-border-neutral-800 nat-bg-neutral-900 nat-text-xs nat-font-mono nat-text-neutral-200 placeholder:nat-text-neutral-600 focus:nat-outline-none focus:nat-border-neutral-600"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => onRemove(i),
+          className: "nat-w-6 nat-h-6 nat-flex nat-items-center nat-justify-center nat-text-neutral-600 hover:nat-text-rose-500 nat-transition-colors nat-opacity-0 group-hover:nat-opacity-100",
+          title: "Remove",
+          children: "\u2715"
+        }
+      )
+    ] }, i)),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: onAdd,
+        className: "nat-text-xs nat-text-orange-500 hover:nat-text-orange-400 nat-text-left nat-py-2 nat-mt-1 nat-w-max nat-font-medium",
+        children: [
+          "+ Add ",
+          placeholderKey
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/ResponsePanel.tsx
+import { useMemo, useState as useState2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ResponsePanel() {
+  const history = useTesterStore((s) => s.history);
+  const latest = history[0];
+  const [activeTab, setActiveTab] = useState2("body");
+  const authInfo = useMemo(() => {
+    try {
+      return getAuthInfo();
+    } catch {
+      return { csrfToken: null, authToken: null };
+    }
+  }, [history]);
+  if (!latest) {
+    return /* @__PURE__ */ jsxs2("div", { className: "nat-flex-1 nat-flex nat-flex-col nat-items-center nat-justify-center nat-text-neutral-500 nat-text-sm nat-h-full", children: [
+      authInfo.authToken ? /* @__PURE__ */ jsx2("div", { className: "nat-text-emerald-500 nat-text-xs nat-mb-3 nat-font-medium nat-px-3 nat-py-1 nat-bg-emerald-500/10 nat-rounded-full", children: "\u25CF Authenticated (NextAuth session detected)" }) : /* @__PURE__ */ jsx2("div", { className: "nat-text-amber-500 nat-text-xs nat-mb-3 nat-font-medium nat-px-3 nat-py-1 nat-bg-amber-500/10 nat-rounded-full", children: "\u25CB No NextAuth session detected" }),
+      /* @__PURE__ */ jsx2("div", { className: "nat-text-neutral-600", children: "Send a request to see the response" })
+    ] });
+  }
+  const response = latest.response;
+  const isError = !!latest.error || !response;
+  if (isError) {
+    return /* @__PURE__ */ jsxs2("div", { className: "nat-flex-1 nat-flex nat-flex-col nat-gap-3 nat-p-4", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "nat-text-rose-500 nat-font-semibold nat-text-sm nat-flex nat-items-center nat-gap-2", children: [
+        /* @__PURE__ */ jsx2("span", { className: "nat-w-2 nat-h-2 nat-rounded-full nat-bg-rose-500" }),
+        " Request Failed"
+      ] }),
+      /* @__PURE__ */ jsx2("pre", { className: "nat-text-xs nat-text-rose-400/80 nat-whitespace-pre-wrap nat-break-all nat-bg-rose-950/20 nat-p-4 nat-rounded nat-border nat-border-rose-900/50", children: latest.error || "No response received" })
+    ] });
+  }
+  const formattedBody = formatJson(response.body);
+  let statusColor = "nat-text-rose-500 nat-bg-rose-500/10 nat-border-rose-500/20";
+  if (response.status < 300) {
+    statusColor = "nat-text-emerald-400 nat-bg-emerald-500/10 nat-border-emerald-500/20";
+  } else if (response.status < 500) {
+    statusColor = "nat-text-amber-400 nat-bg-amber-500/10 nat-border-amber-500/20";
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: "nat-flex-1 nat-flex nat-flex-col nat-h-full", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "nat-flex nat-items-center nat-justify-between nat-px-4 nat-py-3 nat-bg-neutral-900 nat-border-b nat-border-neutral-800", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "nat-flex nat-items-center nat-gap-3 nat-flex-wrap", children: [
+        /* @__PURE__ */ jsxs2("span", { className: `nat-font-semibold nat-text-[11px] nat-px-2 nat-py-1 nat-rounded nat-border ${statusColor}`, children: [
+          response.status,
+          " ",
+          response.statusText
+        ] }),
+        /* @__PURE__ */ jsxs2("span", { className: "nat-text-[11px] nat-font-medium nat-text-neutral-400 nat-bg-neutral-800 nat-px-2 nat-py-1 nat-rounded nat-border nat-border-neutral-700", children: [
+          response.duration,
+          " ms"
+        ] }),
+        /* @__PURE__ */ jsx2("span", { className: "nat-text-[11px] nat-font-medium nat-text-neutral-400 nat-bg-neutral-800 nat-px-2 nat-py-1 nat-rounded nat-border nat-border-neutral-700", children: formatBytes(response.body.length) })
+      ] }),
+      /* @__PURE__ */ jsx2("div", { className: "nat-flex nat-items-center nat-gap-2", children: /* @__PURE__ */ jsx2(AuthBadge, {}) })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "nat-flex nat-gap-6 nat-px-4 nat-border-b nat-border-neutral-800 nat-bg-neutral-900/50", children: [
+      /* @__PURE__ */ jsx2(TabButton2, { active: activeTab === "body", onClick: () => setActiveTab("body"), children: "Body" }),
+      /* @__PURE__ */ jsxs2(TabButton2, { active: activeTab === "headers", onClick: () => setActiveTab("headers"), children: [
+        "Headers (",
+        Object.keys(response.headers).length,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "nat-flex-1 nat-overflow-y-auto nat-scrollbar nat-bg-neutral-950 nat-p-4", children: [
+      activeTab === "body" && /* @__PURE__ */ jsxs2("div", { className: "nat-relative nat-group", children: [
+        /* @__PURE__ */ jsx2("div", { className: "nat-absolute nat-top-2 nat-right-2 nat-opacity-0 group-hover:nat-opacity-100 nat-transition-opacity", children: /* @__PURE__ */ jsx2(CopyButton, { text: formattedBody || response.body }) }),
+        /* @__PURE__ */ jsx2("pre", { className: "nat-text-xs nat-text-emerald-400/90 nat-whitespace-pre-wrap nat-break-all nat-font-mono nat-leading-relaxed", children: formattedBody || /* @__PURE__ */ jsx2("span", { className: "nat-text-neutral-600 italic", children: "No content in response body" }) })
+      ] }),
+      activeTab === "headers" && /* @__PURE__ */ jsx2("div", { className: "nat-flex nat-flex-col nat-gap-px nat-bg-neutral-800 nat-rounded nat-overflow-hidden nat-border nat-border-neutral-800", children: Object.entries(response.headers).map(([key, value]) => /* @__PURE__ */ jsxs2("div", { className: "nat-flex nat-text-xs nat-bg-neutral-900 hover:nat-bg-neutral-800/80 nat-transition-colors", children: [
+        /* @__PURE__ */ jsx2("div", { className: "nat-w-1/3 nat-p-2 nat-font-semibold nat-text-neutral-400 nat-border-r nat-border-neutral-800 nat-break-all", children: key }),
+        /* @__PURE__ */ jsx2("div", { className: "nat-w-2/3 nat-p-2 nat-text-neutral-300 nat-font-mono nat-break-all", children: value })
+      ] }, key)) })
+    ] })
+  ] });
+}
+function TabButton2({ active, onClick, children }) {
+  return /* @__PURE__ */ jsx2(
+    "button",
+    {
+      onClick,
+      className: `nat-py-2.5 nat-text-sm nat-font-medium nat-transition-colors nat-border-b-2 -nat-mb-px ${active ? "nat-text-orange-500 nat-border-orange-500" : "nat-text-neutral-400 nat-border-transparent hover:nat-text-neutral-300"}`,
+      children
+    }
+  );
+}
+function AuthBadge() {
+  try {
+    const { authToken } = getAuthInfo();
+    if (authToken) {
+      return /* @__PURE__ */ jsxs2("span", { className: "nat-inline-flex nat-items-center nat-gap-1.5 nat-text-[10px] nat-font-medium nat-text-emerald-400 nat-bg-emerald-500/10 nat-border nat-border-emerald-500/20 nat-px-2 nat-py-1 nat-rounded-full", children: [
+        /* @__PURE__ */ jsx2("span", { className: "nat-w-1.5 nat-h-1.5 nat-rounded-full nat-bg-emerald-500" }),
+        " Session"
+      ] });
+    }
+  } catch {
+  }
+  return null;
+}
+function CopyButton({ text }) {
+  return /* @__PURE__ */ jsx2(
+    "button",
+    {
+      onClick: () => {
+        navigator.clipboard.writeText(text).catch(() => {
+        });
+      },
+      className: "nat-px-2 nat-py-1 nat-bg-neutral-800 hover:nat-bg-neutral-700 nat-border nat-border-neutral-700 nat-rounded nat-text-[10px] nat-font-medium nat-text-neutral-300 nat-transition-colors",
+      children: "Copy"
+    }
+  );
+}
+function formatJson(raw) {
+  if (!raw) return "";
+  try {
+    return JSON.stringify(JSON.parse(raw), null, 2);
+  } catch {
+    return raw;
+  }
+}
+function formatBytes(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+}
+
+// src/components/Sidebar.tsx
+import { useState as useState3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var METHOD_COLORS = {
+  GET: "nat-text-emerald-400 nat-bg-emerald-500/10",
+  POST: "nat-text-amber-400 nat-bg-amber-500/10",
+  PUT: "nat-text-blue-400 nat-bg-blue-500/10",
+  PATCH: "nat-text-purple-400 nat-bg-purple-500/10",
+  DELETE: "nat-text-rose-400 nat-bg-rose-500/10",
+  HEAD: "nat-text-zinc-400 nat-bg-zinc-500/10",
+  OPTIONS: "nat-text-zinc-400 nat-bg-zinc-500/10"
+};
+function Sidebar() {
+  const history = useTesterStore((s) => s.history);
+  const loadFromHistory = useTesterStore((s) => s.loadFromHistory);
+  const clearHistory = useTesterStore((s) => s.clearHistory);
+  const [search, setSearch] = useState3("");
+  const filteredHistory = history.filter(
+    (entry) => entry.config.url.toLowerCase().includes(search.toLowerCase())
+  );
+  return /* @__PURE__ */ jsxs3("div", { className: "nat-w-72 nat-flex nat-flex-col nat-h-full nat-bg-neutral-900/50", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "nat-p-4 nat-flex nat-flex-col nat-gap-3 nat-border-b nat-border-neutral-800", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "nat-flex nat-justify-between nat-items-center", children: [
+        /* @__PURE__ */ jsx3("span", { className: "nat-text-sm nat-font-medium nat-text-neutral-200", children: "History" }),
+        history.length > 0 && /* @__PURE__ */ jsx3(
+          "button",
+          {
+            onClick: clearHistory,
+            className: "nat-text-[10px] nat-font-medium nat-text-neutral-500 hover:nat-text-rose-400 nat-transition-colors",
+            children: "Clear All"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx3(
+        "input",
+        {
+          type: "text",
+          placeholder: "Filter...",
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          className: "nat-w-full nat-px-2 nat-py-1.5 nat-bg-neutral-950/50 nat-border nat-border-neutral-800 nat-rounded nat-text-xs nat-text-neutral-200 placeholder:nat-text-neutral-600 focus:nat-outline-none focus:nat-border-orange-500 focus:nat-ring-1 focus:nat-ring-orange-500/50 nat-transition-all"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx3("div", { className: "nat-flex-1 nat-overflow-y-auto nat-scrollbar", children: filteredHistory.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "nat-p-6 nat-text-xs nat-text-neutral-500 nat-text-center", children: history.length === 0 ? "No requests yet" : "No matches found" }) : /* @__PURE__ */ jsx3("div", { className: "nat-flex nat-flex-col", children: filteredHistory.map((entry) => /* @__PURE__ */ jsx3(
+      HistoryItem,
+      {
+        entry,
+        onClick: () => loadFromHistory(entry)
+      },
+      entry.id
+    )) }) })
+  ] });
+}
+function HistoryItem({
+  entry,
+  onClick
+}) {
+  const status = entry.response?.status;
+  const hasError = !!entry.error || !entry.response;
+  return /* @__PURE__ */ jsxs3(
+    "button",
+    {
+      onClick,
+      className: "nat-w-full nat-text-left nat-px-4 nat-py-3 nat-border-b nat-border-neutral-800/50 hover:nat-bg-neutral-800/50 nat-transition-colors nat-group",
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "nat-flex nat-items-center nat-justify-between nat-mb-1.5", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "nat-flex nat-items-center nat-gap-2", children: [
+            /* @__PURE__ */ jsx3(
+              "span",
+              {
+                className: `nat-px-1.5 nat-py-0.5 nat-rounded nat-text-[9px] nat-font-bold nat-uppercase ${METHOD_COLORS[entry.config.method]}`,
+                children: entry.config.method
+              }
+            ),
+            status && /* @__PURE__ */ jsx3(
+              "span",
+              {
+                className: `nat-text-[10px] nat-font-medium ${status < 300 ? "nat-text-emerald-500" : status < 500 ? "nat-text-amber-500" : "nat-text-rose-500"}`,
+                children: status
+              }
+            ),
+            hasError && /* @__PURE__ */ jsx3("span", { className: "nat-text-[10px] nat-font-medium nat-text-rose-500", children: "ERR" })
+          ] }),
+          /* @__PURE__ */ jsx3("div", { className: "nat-text-[9px] nat-text-neutral-600 group-hover:nat-text-neutral-500 nat-transition-colors", children: new Date(entry.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) })
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "nat-text-[11px] nat-text-neutral-400 nat-truncate group-hover:nat-text-neutral-300 nat-transition-colors", children: entry.config.url || "(empty URL)" })
+      ]
+    }
+  );
+}
+
+// src/components/ApiTester.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function ApiTester() {
+  if (globalThis.window !== void 0 && process.env.NODE_ENV !== "development") {
+    return /* @__PURE__ */ jsx4("div", { className: "nat-flex nat-items-center nat-justify-center nat-h-screen nat-bg-neutral-950 nat-text-neutral-300", children: /* @__PURE__ */ jsxs4("div", { className: "nat-text-center nat-max-w-md nat-p-8 nat-bg-neutral-900 nat-rounded-xl nat-border nat-border-neutral-800 nat-shadow-2xl", children: [
+      /* @__PURE__ */ jsx4("div", { className: "nat-text-rose-500 nat-text-xl nat-font-semibold nat-mb-3", children: "API Tester Disabled" }),
+      /* @__PURE__ */ jsxs4("div", { className: "nat-text-neutral-400 nat-text-sm", children: [
+        "This tool is exclusively available in development mode for security reasons. Please start your application with ",
+        /* @__PURE__ */ jsx4("code", { className: "nat-px-1 nat-py-0.5 nat-bg-neutral-800 nat-rounded", children: "npm run dev" }),
+        " to use it."
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs4("div", { className: "nat-flex nat-h-screen nat-w-full nat-bg-neutral-950 nat-text-neutral-300 nat-font-sans nat-overflow-hidden", children: [
+    /* @__PURE__ */ jsx4(Sidebar, {}),
+    /* @__PURE__ */ jsxs4("div", { className: "nat-flex-1 nat-flex nat-flex-col nat-border-l nat-border-neutral-800 nat-overflow-hidden nat-bg-neutral-950", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "nat-flex nat-items-center nat-px-6 nat-py-3 nat-border-b nat-border-neutral-800 nat-bg-neutral-900/50", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "nat-flex nat-items-center nat-gap-2", children: [
+          /* @__PURE__ */ jsx4("div", { className: "nat-w-6 nat-h-6 nat-rounded nat-bg-orange-600 nat-flex nat-items-center nat-justify-center nat-text-white nat-font-bold nat-text-xs", children: "N" }),
+          /* @__PURE__ */ jsx4("h1", { className: "nat-text-sm nat-font-semibold nat-text-neutral-100 nat-tracking-tight", children: "Next.js API Tester" })
+        ] }),
+        /* @__PURE__ */ jsx4("div", { className: "nat-ml-auto nat-flex nat-items-center nat-gap-3", children: /* @__PURE__ */ jsx4("span", { className: "nat-px-2 nat-py-1 nat-bg-neutral-800 nat-border nat-border-neutral-700 nat-rounded nat-text-[10px] nat-font-mono nat-text-neutral-400", children: process.env.NODE_ENV || "development" }) })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "nat-flex-1 nat-flex nat-flex-col nat-overflow-hidden", children: [
+        /* @__PURE__ */ jsx4("div", { className: "nat-h-[45%] nat-min-h-[300px] nat-border-b nat-border-neutral-800 nat-overflow-y-auto nat-scrollbar nat-p-4", children: /* @__PURE__ */ jsx4(RequestPanel, {}) }),
+        /* @__PURE__ */ jsx4("div", { className: "nat-h-[55%] nat-min-h-[300px] nat-overflow-y-auto nat-scrollbar nat-p-0", children: /* @__PURE__ */ jsx4(ResponsePanel, {}) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  ApiTester,
+  executeRequest,
+  getAuthInfo,
+  useTesterStore
+};
+//# sourceMappingURL=index.mjs.map