@djangocfg/ui-tools 2.1.270 → 2.1.272

package/dist/PlaygroundLayout-ZO2LO7M5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tools/OpenapiViewer/hooks/useMobile.ts","../src/tools/OpenapiViewer/hooks/useOpenApiSchema.ts","../src/tools/OpenapiViewer/components/PlaygroundLayout/ui.tsx","../src/tools/OpenapiViewer/components/PlaygroundLayout/EndpointList.tsx","../src/tools/OpenapiViewer/components/PlaygroundLayout/RequestPanel.tsx","../src/tools/OpenapiViewer/components/PlaygroundLayout/ResponsePanel.tsx","../src/tools/OpenapiViewer/components/PlaygroundLayout/index.tsx"],"names":["__name","useIsMobile","useState","useMemo","useEffect","consola","useCallback","jsx","cn","jsxs","React","ChevronRight","usePlaygroundContext","deduplicateEndpoints","Skeleton","Fragment","Combobox","Search","Input","DropdownMenu","DropdownMenuTrigger","Filter","DropdownMenuContent","DropdownMenuItem","DownloadButton","isValidJson","findApiKeyById","parseRequestHeaders","Send","Button","Loader2","Sparkles","Textarea","Key","Terminal","CopyButton","PrettyCode_default","WifiOff","JsonTree_default"],"mappings":";;;;;;;;;;;;;;;;;;;AAEO,IAAM,4BAAYA,wBAAA,CAAA,MAAM;AAC7B,EAAA,MAAM,WAAWC,iBAAA,EAAY;AAE7B,EAAA,OAAO;AAAA,IACL,QAAA;AAAA,IACA,WAAW,CAAC;AAAA,GACd;AACF,CAAA,EAPyB,WAAA,CAAA;ACMzB,IAAM,eAAe,CAAC,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,SAAS,QAAQ,CAAA;AAG7D,IAAM,gBAAA,6CAAoB,MAAA,KAAyC;AACjE,EAAA,MAAM,YAA2B,EAAC;AAElC,EAAA,IAAI,CAAC,MAAA,CAAO,KAAA,EAAO,OAAO,EAAC;AAG3B,EAAA,MAAM,OAAA,GAAU,MAAA,CAAO,OAAA,IAAW,MAAA,CAAO,OAAA,CAAQ,MAAA,GAAS,CAAA,GAAI,MAAA,CAAO,OAAA,CAAQ,CAAC,CAAA,CAAE,GAAA,GAAM,EAAA;AAEtF,EAAA,KAAA,MAAW,CAAC,MAAM,OAAO,CAAA,IAAK,OAAO,OAAA,CAAQ,MAAA,CAAO,KAAK,CAAA,EAAG;AAC1D,IAAA,KAAA,MAAW,UAAU,YAAA,EAAc;AACjC,MAAA,MAAM,EAAA,GAAM,QAAgB,MAAM,CAAA;AAClC,MAAA,IAAI,CAAC,EAAA,EAAI;AAET,MAAA,MAAM,WAAA,GAAc,OAAO,WAAA,EAAY;AACvC,MAAA,MAAM,WAAA,GAAc,GAAG,WAAA,IAAe,EAAA,CAAG,WAAW,CAAA,EAAG,WAAW,IAAI,IAAI,CAAA,CAAA;AAC1E,MAAA,MAAM,QAAA,GAAW,EAAA,CAAG,IAAA,GAAO,CAAC,CAAA,IAAK,OAAA;AAEjC,MAAA,MAAM,aAKD,EAAC;AAGN,MAAA,MAAM,SAAA,GAAY,CAAC,GAAK,OAAA,CAAgB,UAAA,IAAc,EAAC,EAAI,GAAI,EAAA,CAAG,UAAA,IAAc,EAAG,CAAA;AACnF,MAAA,KAAA,MAAW,SAAS,SAAA,EAAW;AAC7B,QAAA,UAAA,CAAW,IAAA,CAAK;AAAA,UACd,MAAM,KAAA,CAAM,IAAA;AAAA,UACZ,IAAA,EAAM,KAAA,CAAM,MAAA,EAAQ,IAAA,IAAQ,QAAA;AAAA,UAC5B,QAAA,EAAU,MAAM,QAAA,IAAY,KAAA;AAAA,UAC5B,aAAa,KAAA,CAAM;AAAA,SACpB,CAAA;AAAA,MACH;AAGA,MAAA,MAAM,YAGD,EAAC;AAEN,MAAA,IAAI,GAAG,SAAA,EAAW;AAChB,QAAA,KAAA,MAAW,CAAC,MAAM,QAAQ,CAAA,IAAK,OAAO,OAAA,CAAQ,EAAA,CAAG,SAAS,CAAA,EAAG;AAC3D,UAAA,SAAA,CAAU,IAAA,CAAK;AAAA,YACb,IAAA;AAAA,YACA,WAAA,EAAc,QAAA,CAAiB,WAAA,IAAe,CAAA,SAAA,EAAY,IAAI,CAAA;AAAA,WAC/D,CAAA;AAAA,QACH;AAAA,MACF;AAGA,MAAA,IAAI,WAAA;AACJ,MAAA,IAAI,GAAG,WAAA,EAAa;AAClB,QAAA,MAAM,OAAA,GAAU,GAAG,WAAA,CAAY,OAAA;AAC/B,QAAA,MAAM,SAAA,GAAY,OAAA,GAAU,kBAAkB,CAAA,IAAK,OAAA,GAAU,MAAA,CAAO,IAAA,CAAK,OAAA,IAAW,EAAE,CAAA,CAAE,CAAC,CAAC,CAAA;AAC1F,QAAA,WAAA,GAAc;AAAA,UACZ,IAAA,EAAM,SAAA,EAAW,MAAA,EAAQ,IAAA,IAAQ,QAAA;AAAA,UACjC,WAAA,EAAa,GAAG,WAAA,CAAY;AAAA,SAC9B;AAAA,MACF;AAEA,MAAA,MAAM,QAAA,GAAwB;AAAA,QAC5B,MAAM,IAAA,CAAK,KAAA,CAAM,GAAG,CAAA,CAAE,KAAI,IAAK,IAAA;AAAA,QAC/B,MAAA,EAAQ,WAAA;AAAA,QACR,MAAM,OAAA,GAAU,IAAA;AAAA,QAChB,WAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAA,EAAY,UAAA,CAAW,MAAA,GAAS,CAAA,GAAI,UAAA,GAAa,MAAA;AAAA,QACjD,WAAA;AAAA,QACA,SAAA,EAAW,SAAA,CAAU,MAAA,GAAS,CAAA,GAAI,SAAA,GAAY;AAAA,OAChD;AAEA,MAAA,SAAA,CAAU,KAAK,QAAQ,CAAA;AAAA,IACzB;AAAA,EACF;AAEA,EAAA,OAAO,SAAA;AACT,CAAA,EA7EyB,kBAAA,CAAA;AAgFzB,IAAM,aAAA,6CAAiB,SAAA,KAAuC;AAC5D,EAAA,MAAM,UAAA,uBAAiB,GAAA,EAAY;AACnC,EAAA,SAAA,CAAU,QAAQ,CAAC,QAAA,KAAa,WAAW,GAAA,CAAI,QAAA,CAAS,QAAQ,CAAC,CAAA;AACjE,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,UAAU,CAAA,CAAE,IAAA,EAAK;AACrC,CAAA,EAJsB,eAAA,CAAA;AAOtB,IAAM,WAAA,mDAAqB,GAAA,KAAwC;AACjE,EAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,GAAA,EAAK;AAAA,IAChC,OAAA,EAAS;AAAA,MACP,QAAA,EAAU;AAAA;AACZ,GACD,CAAA;AACD,EAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,wBAAA,EAA2B,QAAA,CAAS,UAAU,CAAA,CAAE,CAAA;AAAA,EAClE;AACA,EAAA,OAAO,SAAS,IAAA,EAAK;AACvB,CAAA,EAVoB,aAAA,CAAA;AAiBL,SAAR,gBAAA,CAAkC;AAAA,EACvC,OAAA;AAAA,EACA;AACF,CAAA,EAAkD;AAChD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,gBAAS,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,gBAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,eAAA;AAAA,IAC5C,eAAA,IAAmB,OAAA,CAAQ,CAAC,CAAA,EAAG;AAAA,GACjC;AACA,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAA;AAAA,wBACpC,GAAA;AAAI,GACV;AAEA,EAAA,MAAM,aAAA,GAAgBC,cAAA;AAAA,IACpB,MAAM,QAAQ,IAAA,CAAK,CAAC,MAAM,CAAA,CAAE,EAAA,KAAO,eAAe,CAAA,IAAK,IAAA;AAAA,IACvD,CAAC,SAAS,eAAe;AAAA,GAC3B;AAEA,EAAA,MAAM,oBAAA,GAAuBA,cAAA;AAAA,IAC3B,MAAO,eAAA,GAAkB,aAAA,CAAc,GAAA,CAAI,eAAe,CAAA,GAAI,IAAA;AAAA,IAC9D,CAAC,eAAe,eAAe;AAAA,GACjC;AAEA,EAAA,MAAM,SAAA,GAAYA,cAAA;AAAA,IAChB,MAAO,oBAAA,GAAuB,gBAAA,CAAiB,oBAAoB,IAAI,EAAC;AAAA,IACxE,CAAC,oBAAoB;AAAA,GACvB;AAEA,EAAA,MAAM,UAAA,GAAaA,eAAQ,MAAM,aAAA,CAAc,SAAS,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAGtE,EAAAC,gBAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,aAAA,EAAe;AAGpB,IAAA,IAAI,aAAA,CAAc,GAAA,CAAI,aAAA,CAAc,EAAE,CAAA,EAAG;AACvC,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA;AAAA,IACF;AAEA,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,QAAA,CAAS,IAAI,CAAA;AAEb,IAAA,WAAA,CAAY,aAAA,CAAc,GAAG,CAAA,CAC1B,IAAA,CAAK,CAAC,MAAA,KAAW;AAChB,MAAA,gBAAA,CAAiB,CAAC,IAAA,KAAS,IAAI,GAAA,CAAI,IAAI,EAAE,GAAA,CAAI,aAAA,CAAc,EAAA,EAAI,MAAM,CAAC,CAAA;AACtE,MAAAC,wBAAA,CAAQ,OAAA,CAAQ,CAAA,eAAA,EAAkB,aAAA,CAAc,IAAI,CAAA,CAAE,CAAA;AACtD,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,GAAA,KAAQ;AACd,MAAAA,wBAAA,CAAQ,KAAA,CAAM,CAAA,0BAAA,EAA6B,aAAA,CAAc,GAAG,KAAK,GAAG,CAAA;AACpE,MAAA,QAAA,CAAS,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,uBAAuB,CAAA;AACrE,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAC,CAAA;AAAA,EACL,CAAA,EAAG,CAAC,aAAA,EAAe,aAAa,CAAC,CAAA;AAEjC,EAAA,MAAM,gBAAA,GAAmBC,kBAAA,CAAY,CAAC,QAAA,KAAqB;AACzD,IAAA,kBAAA,CAAmB,QAAQ,CAAA;AAAA,EAC7B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,OAAA,GAAUA,mBAAY,MAAM;AAChC,IAAA,IAAI,CAAC,aAAA,EAAe;AAEpB,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,QAAA,CAAS,IAAI,CAAA;AAGb,IAAA,gBAAA,CAAiB,CAAC,IAAA,KAAS;AACzB,MAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,MAAA,IAAA,CAAK,MAAA,CAAO,cAAc,EAAE,CAAA;AAC5B,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,WAAA,CAAY,aAAA,CAAc,GAAG,CAAA,CAC1B,IAAA,CAAK,CAAC,MAAA,KAAW;AAChB,MAAA,gBAAA,CAAiB,CAAC,IAAA,KAAS,IAAI,GAAA,CAAI,IAAI,EAAE,GAAA,CAAI,aAAA,CAAc,EAAA,EAAI,MAAM,CAAC,CAAA;AACtE,MAAAD,wBAAA,CAAQ,OAAA,CAAQ,CAAA,kBAAA,EAAqB,aAAA,CAAc,IAAI,CAAA,CAAE,CAAA;AACzD,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,GAAA,KAAQ;AACd,MAAAA,wBAAA,CAAQ,KAAA,CAAM,CAAA,6BAAA,EAAgC,aAAA,CAAc,GAAG,KAAK,GAAG,CAAA;AACvE,MAAA,QAAA,CAAS,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,0BAA0B,CAAA;AACxE,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAC,CAAA;AAAA,EACL,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,OAAO;AAAA,IACL,OAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF;AACF;AAhGwBL,wBAAA,CAAA,gBAAA,EAAA,kBAAA,CAAA;ACrGxB,IAAM,aAAA,GAAwC;AAAA,EAC1C,GAAA,EAAQ,gFAAA;AAAA,EACR,IAAA,EAAQ,6EAAA;AAAA,EACR,GAAA,EAAQ,8EAAA;AAAA,EACR,KAAA,EAAQ,+EAAA;AAAA,EACR,MAAA,EAAQ;AACZ,CAAA;AAEA,IAAM,eAAA,GAAkB,8CAAA;AAEjB,SAAS,eAAe,MAAA,EAAwB;AACnD,EAAA,OAAO,aAAA,CAAc,MAAA,CAAO,WAAA,EAAa,CAAA,IAAK,eAAA;AAClD;AAFgBA,wBAAA,CAAA,cAAA,EAAA,gBAAA,CAAA;AAIT,SAAS,eAAe,MAAA,EAAwB;AACnD,EAAA,IAAI,MAAA,IAAU,KAAK,OAAO,gEAAA;AAC1B,EAAA,IAAI,MAAA,IAAU,KAAK,OAAO,wEAAA;AAC1B,EAAA,IAAI,MAAA,IAAU,KAAK,OAAO,oEAAA;AAC1B,EAAA,OAAO,gFAAA;AACX;AALgBA,wBAAA,CAAA,cAAA,EAAA,gBAAA,CAAA;AAOT,SAAS,aAAa,IAAA,EAAsB;AAC/C,EAAA,IAAI;AAAE,IAAA,OAAO,IAAI,GAAA,CAAI,IAAI,CAAA,CAAE,QAAA;AAAA,EAAU,CAAA,CAAA,MAAQ;AAAE,IAAA,OAAO,IAAA;AAAA,EAAM;AAChE;AAFgBA,wBAAA,CAAA,YAAA,EAAA,cAAA,CAAA;AAMT,SAAS,WAAA,CAAY,EAAE,MAAA,EAAO,EAAuB;AACxD,EAAA,uBACIO,cAAA,CAAC,UAAK,SAAA,EAAWC,MAAA;AAAA,IACb,+DAAA;AAAA,IACA,uEAAA;AAAA,IACA,eAAe,MAAM;AAAA,KAEpB,QAAA,EAAA,MAAA,EACL,CAAA;AAER;AAVgBR,wBAAA,CAAA,WAAA,EAAA,aAAA,CAAA;AAYT,SAAS,WAAA,CAAY,EAAE,MAAA,EAAO,EAAuB;AACxD,EAAA,uBACIO,cAAA,CAAC,UAAK,SAAA,EAAWC,MAAA;AAAA,IACb,sDAAA;AAAA,IACA,8CAAA;AAAA,IACA,eAAe,MAAM;AAAA,KAEpB,QAAA,EAAA,MAAA,EACL,CAAA;AAER;AAVgBR,wBAAA,CAAA,WAAA,EAAA,aAAA,CAAA;AAYT,SAAS,YAAA,CAAa,EAAE,QAAA,EAAS,EAAkC;AACtE,EAAA,uBACIO,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,yFAAA,EACR,QAAA,EACL,CAAA;AAER;AANgBP,wBAAA,CAAA,YAAA,EAAA,cAAA,CAAA;AAQT,SAAS,KAAA,CAAM,EAAE,QAAA,EAAU,SAAA,EAAU,EAAsD;AAC9F,EAAA,sCACK,KAAA,EAAA,EAAI,SAAA,EAAWQ,OAAG,uCAAA,EAAyC,SAAS,GAChE,QAAA,EACL,CAAA;AAER;AANgBR,wBAAA,CAAA,KAAA,EAAA,OAAA,CAAA;AAQT,SAAS,UAAA,CAAW,EAAE,QAAA,EAAU,SAAA,EAAU,EAAsD;AACnG,EAAA,sCACK,KAAA,EAAA,EAAI,SAAA,EAAWQ,OAAG,gCAAA,EAAkC,SAAS,GACzD,QAAA,EACL,CAAA;AAER;AANgBR,wBAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAQT,SAAS,WAAA,CAAY,EAAE,KAAA,EAAM,EAAsB;AACtD,EAAA,uBACIO,cAAA,CAAC,SAAI,SAAA,EAAU,+CAAA,EACX,yCAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8EAAA,EACX,QAAA,EAAA,KAAA,EACL,CAAA,EACJ,CAAA;AAER;AARgBP,wBAAA,CAAA,WAAA,EAAA,aAAA,CAAA;AAUT,SAAS,UAAA,CAAW,EAAE,IAAA,EAAM,IAAA,EAAM,MAAK,EAA8C;AACxF,EAAA,uBACIS,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yEAAA,EACX,QAAA,EAAA;AAAA,oBAAAF,cAAA,CAAC,IAAA,EAAA,EAAK,WAAU,kCAAA,EAAmC,CAAA;AAAA,oBACnDA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EAAiC,QAAA,EAAA,IAAA,EAAK;AAAA,GAAA,EACvD,CAAA;AAER;AAPgBP,wBAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAST,SAAS,kBAAA,CAAmB;AAAA,EAC/B,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc;AAClB,CAAA,EAKG;AACC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIU,uBAAA,CAAM,SAAS,WAAW,CAAA;AAClD,EAAA,uBACID,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACX,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mCAAA,EACX,QAAA,EAAA;AAAA,sBAAAA,eAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACG,IAAA,EAAK,QAAA;AAAA,UACL,SAAS,MAAM,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,UAChC,SAAA,EAAU,0JAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAAF,cAAA,CAACI,4BAAa,SAAA,EAAWH,MAAA,CAAG,8BAAA,EAAgC,IAAA,IAAQ,WAAW,CAAA,EAAG,CAAA;AAAA,YACjF;AAAA;AAAA;AAAA,OACL;AAAA,MACC,MAAA,oBAAUD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAY,QAAA,EAAA,MAAA,EAAO;AAAA,KAAA,EACjD,CAAA;AAAA,IACC,IAAA,oBAAQA,cAAA,CAAC,KAAA,EAAA,EAAK,QAAA,EAAS;AAAA,GAAA,EAC5B,CAAA;AAER;AA5BgBP,wBAAA,CAAA,kBAAA,EAAA,oBAAA,CAAA;ACpFhB,SAAS,WAAA,CAAY;AAAA,EACjB,MAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA;AACJ,CAAA,EAMG;AACC,EAAA,MAAM,WAAA,GAAc,aAAa,IAAI,CAAA;AACrC,EAAA,MAAM,MAAA,GAASQ,MAAAA;AAAA,IACX,iGAAA;AAAA,IACA,QAAA,IAAY;AAAA,GAChB;AACA,EAAA,MAAM,QAAA,GAAWA,MAAAA;AAAA,IACb,+CAAA;AAAA,IACA,WAAW,0BAAA,GAA6B;AAAA,GAC5C;AAEA,EAAA,uBACIC,eAAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAW,QAAQ,OAAA,EACvB,QAAA,EAAA;AAAA,oBAAAF,cAAAA,CAAC,eAAY,MAAA,EAAgB,CAAA;AAAA,oBAC7BE,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACX,QAAA,EAAA;AAAA,sBAAAF,cAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iEAAA,EACR,QAAA,EAAA,WAAA,EACL,CAAA;AAAA,MACC,+BACGA,cAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sEACR,QAAA,EAAA,WAAA,EACL;AAAA,KAAA,EAER,CAAA;AAAA,oBACAA,cAAAA,CAACI,wBAAAA,EAAA,EAAa,WAAW,QAAA,EAAU;AAAA,GAAA,EACvC,CAAA;AAER;AAvCSX,wBAAA,CAAA,WAAA,EAAA,aAAA,CAAA;AA2CF,SAAS,YAAA,GAAe;AAC3B,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAQ,qBAAqB,mBAAA,EAAqB,aAAA,KAC7DY,sCAAA,EAAqB;AACzB,EAAA,MAAM,EAAE,SAAA,EAAW,UAAA,EAAY,OAAA,EAAS,KAAA,EAAO,SAAS,aAAA,EAAe,gBAAA,EAAiB,GACpF,gBAAA,CAAiB,EAAE,OAAA,EAAS,MAAA,CAAO,SAAS,eAAA,EAAiB,MAAA,CAAO,iBAAiB,CAAA;AAGzF,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIV,eAAAA,CAAS,MAAM,UAAU,CAAA;AACvE,EAAAE,iBAAU,MAAM;AACZ,IAAA,MAAM,KAAK,UAAA,CAAW,MAAM,mBAAmB,KAAA,CAAM,UAAU,GAAG,GAAG,CAAA;AACrE,IAAA,OAAO,MAAM,aAAa,EAAE,CAAA;AAAA,EAChC,CAAA,EAAG,CAAC,KAAA,CAAM,UAAU,CAAC,CAAA;AAGrB,EAAA,MAAM,aAAA,GAAgBD,cAAAA;AAAA,IAClB,MAAM,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,MAAO,EAAE,KAAA,EAAO,CAAA,CAAE,EAAA,EAAI,KAAA,EAAO,CAAA,CAAE,IAAA,EAAK,CAAE,CAAA;AAAA,IACzD,CAAC,OAAO;AAAA,GACZ;AAEA,EAAA,MAAM,QAAA,GAAWA,eAAQ,MAAM;AAC3B,IAAA,IAAI,IAAA,GAAOU,sCAAA,CAAqB,SAAA,EAAW,KAAA,CAAM,eAAe,CAAA;AAChE,IAAA,IAAI,KAAA,CAAM,qBAAqB,KAAA,EAAO;AAClC,MAAA,IAAA,GAAO,KAAK,MAAA,CAAO,CAAC,MAAM,CAAA,CAAE,QAAA,KAAa,MAAM,gBAAgB,CAAA;AAAA,IACnE;AACA,IAAA,IAAI,eAAA,EAAiB;AACjB,MAAA,MAAM,CAAA,GAAI,gBAAgB,WAAA,EAAY;AACtC,MAAA,IAAA,GAAO,IAAA,CAAK,MAAA;AAAA,QAAO,CAAC,MAChB,CAAA,CAAE,IAAA,CAAK,aAAY,CAAE,QAAA,CAAS,CAAC,CAAA,IAC/B,CAAA,CAAE,YAAY,WAAA,EAAY,CAAE,SAAS,CAAC,CAAA,IACtC,EAAE,IAAA,CAAK,WAAA,EAAY,CAAE,QAAA,CAAS,CAAC;AAAA,OACnC;AAAA,IACJ;AACA,IAAA,OAAO,IAAA;AAAA,EACX,CAAA,EAAG,CAAC,SAAA,EAAW,KAAA,CAAM,kBAAkB,eAAA,EAAiB,KAAA,CAAM,eAAe,CAAC,CAAA;AAG9E,EAAA,MAAM,UAAA,GAAa,MAAM,gBAAA,KAAqB,KAAA;AAC9C,EAAA,MAAM,aAAA,GAAgB,WAAW,MAAA,GAAS,CAAA;AAC1C,EAAA,MAAM,kBAAA,GAAqB,QAAQ,MAAA,GAAS,CAAA;AAC5C,EAAA,MAAM,aAAA,GAAgB,GAAG,QAAA,CAAS,MAAM,YAAY,QAAA,CAAS,MAAA,KAAW,CAAA,GAAI,GAAA,GAAM,EAAE,CAAA,CAAA;AACpF,EAAA,MAAM,gBAAA,GAAmB,aAAA,GAAgB,CAAA,EAAG,aAAA,CAAc,EAAE,CAAA,aAAA,CAAA,GAAkB,cAAA;AAG9E,EAAA,IAAI,OAAA,EAAS;AACT,IAAA,uBACIN,eAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBACV,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,EAAA,EAAI,EAAE,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBAChCA,cAAAA,CAACO,uBAAiB,SAAA,EAAU,qBAAA,EAAA,EAAb,CAAmC,CACrD,CAAA,EACL,CAAA;AAAA,EAER;AAEA,EAAA,IAAI,KAAA,EAAO;AACP,IAAA,uBACIP,eAAC,KAAA,EAAA,EAAI,SAAA,EAAU,OACX,QAAA,kBAAAE,eAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0BAAA,EAA2B,QAAA,EAAA;AAAA,MAAA,yBAAA;AAAA,MAAwB;AAAA,KAAA,EAAM,CAAA,EAC1E,CAAA;AAAA,EAER;AAGA,EAAA,uBACIA,gBAAAM,mBAAA,EAAA,EAEI,QAAA,EAAA;AAAA,oBAAAN,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EACV,QAAA,EAAA;AAAA,MAAA,kBAAA,oBACGF,cAAAA;AAAA,QAACS,mBAAA;AAAA,QAAA;AAAA,UACG,OAAA,EAAS,aAAA;AAAA,UACT,KAAA,EAAO,eAAe,EAAA,IAAM,EAAA;AAAA,UAC5B,aAAA,EAAe,CAAC,EAAA,KAAO,EAAA,IAAM,iBAAiB,EAAE,CAAA;AAAA,UAChD,WAAA,EAAY,YAAA;AAAA,UACZ,iBAAA,EAAkB,mBAAA;AAAA,UAClB,SAAA,EAAU,eAAA;AAAA,UACV,SAAA,EAAU;AAAA;AAAA,OACd;AAAA,sBAGJP,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EACX,QAAA,EAAA;AAAA,wBAAAA,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACX,QAAA,EAAA;AAAA,0BAAAF,cAAAA,CAACU,kBAAA,EAAA,EAAO,SAAA,EAAU,qGAAA,EAAsG,CAAA;AAAA,0BACxHV,cAAAA;AAAA,YAACW,gBAAA;AAAA,YAAA;AAAA,cACG,WAAA,EAAY,wBAAA;AAAA,cACZ,OAAO,KAAA,CAAM,UAAA;AAAA,cACb,UAAU,CAAC,CAAA,KAA2C,aAAA,CAAc,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,cAClF,SAAA,EAAU;AAAA;AAAA;AACd,SAAA,EACJ,CAAA;AAAA,QAEC,aAAA,oBACGT,eAAAA,CAACU,uBAAA,EAAA,EACG,QAAA,EAAA;AAAA,0BAAAZ,eAACa,8BAAA,EAAA,EAAoB,OAAA,EAAO,MACxB,QAAA,kBAAAX,eAAAA,CAAC,YAAO,SAAA,EAAWD,MAAAA;AAAA,YACf,gGAAA;AAAA,YACA,aACM,2CAAA,GACA;AAAA,WACV,EACI,QAAA,EAAA;AAAA,4BAAAD,cAAAA,CAACc,kBAAA,EAAA,EAAO,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,YAC/B,UAAA,oBACGd,cAAAA,CAAC,MAAA,EAAA,EAAK,WAAU,0DAAA,EAA2D;AAAA,WAAA,EAEnF,CAAA,EACJ,CAAA;AAAA,0BACAA,cAAAA,CAACe,8BAAA,EAAA,EAAoB,KAAA,EAAM,OAAM,SAAA,EAAU,wCAAA,EACtC,QAAA,EAAA,CAAC,KAAA,EAAO,GAAG,UAAU,CAAA,CAAE,GAAA,CAAI,CAAC,sBACzBf,cAAAA;AAAA,YAACgB,2BAAA;AAAA,YAAA;AAAA,cAEG,OAAA,EAAS,MAAM,mBAAA,CAAoB,CAAC,CAAA;AAAA,cACpC,WAAWf,MAAAA,CAAG,SAAA,EAAW,KAAA,CAAM,gBAAA,KAAqB,KAAK,uBAAuB,CAAA;AAAA,cAE/E,QAAA,EAAA;AAAA,aAAA;AAAA,YAJI;AAAA,WAMZ,CAAA,EACL;AAAA,SAAA,EACJ;AAAA,OAAA,EAER;AAAA,KAAA,EACJ,CAAA;AAAA,oBAGAC,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2EAAA,EACX,QAAA,EAAA;AAAA,sBAAAF,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,aAAA,EAAc,CAAA;AAAA,MAClF,iCACGA,cAAAA;AAAA,QAACiB,yBAAA;AAAA,QAAA;AAAA,UACG,KAAK,aAAA,CAAc,GAAA;AAAA,UACnB,QAAA,EAAU,gBAAA;AAAA,UACV,OAAA,EAAQ,OAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,SAAA,EAAU,qEAAA;AAAA,UACb,QAAA,EAAA;AAAA;AAAA;AAED,KAAA,EAER,CAAA;AAAA,oBAGAjB,eAAC,UAAA,EAAA,EACI,QAAA,EAAA,QAAA,CAAS,WAAW,CAAA,mBACjBA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iDAAA,EAAkD,gCAAkB,CAAA,mBAEnFA,eAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BACV,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,EAAA,qBACXA,cAAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QAEG,QAAQ,EAAA,CAAG,MAAA;AAAA,QACX,MAAM,EAAA,CAAG,IAAA;AAAA,QACT,aAAa,EAAA,CAAG,WAAA;AAAA,QAChB,QAAA,EACI,MAAM,gBAAA,EAAkB,IAAA,KAAS,GAAG,IAAA,IACpC,KAAA,CAAM,gBAAA,EAAkB,MAAA,KAAW,EAAA,CAAG,MAAA;AAAA,QAE1C,OAAA,EAAS,MAAM,mBAAA,CAAoB,EAAE;AAAA,OAAA;AAAA,MARhC,CAAA,EAAG,EAAA,CAAG,MAAM,CAAA,CAAA,EAAI,GAAG,IAAI,CAAA;AAAA,KAUnC,GACL,CAAA,EAER;AAAA,GAAA,EACJ,CAAA;AAER;AAhKgBP,wBAAA,CAAA,YAAA,EAAA,cAAA,CAAA;ACrChB,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,MAAA,EAAO,EAAuC;AACxE,EAAA,MAAM,EAAE,KAAA,EAAO,aAAA,EAAc,GAAIY,sCAAA,EAAqB;AAEtD,EAAA,SAAS,YAAA,CAAa,MAAc,KAAA,EAAe;AAC/C,IAAA,aAAA,CAAc,EAAE,GAAG,KAAA,CAAM,UAAA,EAAY,CAAC,IAAI,GAAG,OAAO,CAAA;AAAA,EACxD;AAFS,EAAAZ,wBAAA,CAAA,YAAA,EAAA,cAAA,CAAA;AAIT,EAAA,uBACIS,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACX,QAAA,EAAA;AAAA,oBAAAF,cAAAA,CAAC,gBAAc,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBACrBA,eAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aACV,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,KAAM;AACf,MAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,UAAA,CAAW,CAAA,CAAE,IAAI,CAAA,IAAK,EAAA;AAC1C,MAAA,MAAM,WAAA,GAAc,CAAA,CAAE,WAAA,IAAe,CAAA,CAAE,IAAA;AACvC,MAAA,uBACIE,eAAAA,CAAC,KAAA,EAAA,EAAiB,SAAA,EAAU,WAAA,EACxB,QAAA,EAAA;AAAA,wBAAAA,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACX,QAAA,EAAA;AAAA,0BAAAF,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0CAAA,EAA4C,YAAE,IAAA,EAAK,CAAA;AAAA,UAClE,EAAE,QAAA,oBACCA,eAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sDAAqD,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,0BAE1EA,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gDAAA,EAAkD,YAAE,IAAA,EAAK;AAAA,SAAA,EAC7E,CAAA;AAAA,wBACAA,cAAAA;AAAA,UAACW,gBAAAA;AAAA,UAAA;AAAA,YACG,KAAA;AAAA,YACA,QAAA,EAAU,CAAC,CAAA,KACP,YAAA,CAAa,EAAE,IAAA,EAAM,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,YAEvC,WAAA;AAAA,YACA,SAAA,EAAU;AAAA;AAAA;AACd,OAAA,EAAA,EAfM,EAAE,IAgBZ,CAAA;AAAA,IAER,CAAC,CAAA,EACL;AAAA,GAAA,EACJ,CAAA;AAER;AArCSlB,wBAAA,CAAA,WAAA,EAAA,aAAA,CAAA;AAyCF,SAAS,YAAA,GAAe;AAC3B,EAAA,MAAM,EAAE,OAAO,OAAA,EAAS,cAAA,EAAgB,mBAAmB,iBAAA,EAAmB,WAAA,KAC1EY,sCAAA,EAAqB;AAEzB,EAAA,MAAM,KAAK,KAAA,CAAM,gBAAA;AAGjB,EAAA,MAAM,cAAc,KAAA,CAAM,WAAA,GAAca,6BAAA,CAAY,KAAA,CAAM,WAAW,CAAA,GAAI,IAAA;AAEzE,EAAA,MAAM,WAAA,GAActB,eAAQ,MAAM;AAC9B,IAAA,IAAI,CAAC,KAAA,CAAM,UAAA,EAAY,OAAO,EAAA;AAC9B,IAAA,MAAM,SAAS,KAAA,CAAM,cAAA,GAAiBuB,iCAAe,OAAA,EAAS,KAAA,CAAM,cAAc,CAAA,GAAI,IAAA;AACtF,IAAA,MAAM,IAAA,GAAOC,qCAAA,CAAoB,KAAA,CAAM,cAAc,CAAA;AACrD,IAAA,IAAI,MAAA,EAAQ,IAAA,CAAK,WAAW,CAAA,GAAI,MAAA,CAAO,EAAA;AACvC,IAAA,IAAI,MAAM,CAAA,QAAA,EAAW,KAAA,CAAM,aAAa,CAAA,EAAA,EAAK,MAAM,UAAU,CAAA,CAAA,CAAA;AAC7D,IAAA,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAG,CAAC,CAAA,KAAM;AAAE,MAAA,GAAA,IAAO,CAAA;AAAA,MAAA,EAAc,CAAC,KAAK,CAAC,CAAA,CAAA,CAAA;AAAA,IAAK,CAAC,CAAA;AAC7E,IAAA,IAAI,KAAA,CAAM,WAAA,IAAe,KAAA,CAAM,aAAA,KAAkB,SAAS,WAAA,EAAa;AACnE,MAAA,GAAA,IAAO,CAAA;AAAA,MAAA,EAAc,MAAM,WAAW,CAAA,CAAA,CAAA;AAAA,IAC1C;AACA,IAAA,OAAO,GAAA;AAAA,EACX,CAAA,EAAG,CAAC,KAAA,EAAO,OAAA,EAAS,WAAW,CAAC,CAAA;AAEhC,EAAA,MAAM,UAAA,GAAaxB,cAAAA;AAAA,IACf,MAAM,EAAA,EAAI,UAAA,EAAY,MAAA,CAAO,CAAC,CAAA,KAAM,EAAA,CAAG,IAAA,CAAK,QAAA,CAAS,IAAI,CAAA,CAAE,IAAI,CAAA,CAAA,CAAG,CAAC,KAAK,EAAC;AAAA,IACzE,CAAC,EAAE;AAAA,GACP;AACA,EAAA,MAAM,WAAA,GAAcA,cAAAA;AAAA,IAChB,MAAM,EAAA,EAAI,UAAA,EAAY,MAAA,CAAO,CAAC,MAAM,CAAC,EAAA,CAAG,IAAA,CAAK,QAAA,CAAS,IAAI,CAAA,CAAE,IAAI,CAAA,CAAA,CAAG,CAAC,KAAK,EAAC;AAAA,IAC1E,CAAC,EAAE;AAAA,GACP;AAGA,EAAA,MAAM,iBAAiB,KAAA,CAAM,OAAA,IAAW,CAAC,KAAA,CAAM,cAAc,CAAC,WAAA;AAC9D,EAAA,MAAM,UAAA,GAAiB,KAAA,CAAM,UAAA,IAAc,EAAA,EAAI,IAAA,IAAQ,EAAA;AACvD,EAAA,MAAM,OAAA,GAAiB,IAAI,MAAA,KAAW,KAAA;AACtC,EAAA,MAAM,QAAA,GAAiB,EAAA,EAAI,WAAA,EAAa,IAAA,IAAQ,EAAA;AAChD,EAAA,MAAM,aAAA,GAAiB,WAAW,MAAA,GAAS,CAAA;AAC3C,EAAA,MAAM,cAAA,GAAiB,YAAY,MAAA,GAAS,CAAA;AAC5C,EAAA,MAAM,OAAA,GAAiB,QAAQ,WAAW,CAAA;AAC1C,EAAA,MAAM,MAAA,GAAiB,EAAA,GAAK,YAAA,CAAa,EAAA,CAAG,IAAI,CAAA,GAAI,EAAA;AACpD,EAAA,MAAM,aAAiB,UAAA,KAAe,MAAA;AAGtC,EAAA,IAAI,CAAC,EAAA,EAAI;AACL,IAAA,uBAAOI,cAAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAMqB,gBAAA,EAAM,MAAK,uCAAA,EAAwC,CAAA;AAAA,EAChF;AAGA,EAAA,uBACInB,eAAAA,CAAAM,mBAAAA,EAAA,EAEI,QAAA,EAAA;AAAA,oBAAAN,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qDAAA,EACX,QAAA,EAAA;AAAA,sBAAAA,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACX,QAAA,EAAA;AAAA,wBAAAF,cAAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQ,EAAA,CAAG,MAAA,EAAQ,CAAA;AAAA,wBAChCA,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gEAAgE,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,wBACvFA,cAAAA;AAAA,UAACsB,iBAAA;AAAA,UAAA;AAAA,YACG,OAAA,EAAS,WAAA;AAAA,YACT,QAAA,EAAU,cAAA;AAAA,YACV,IAAA,EAAK,IAAA;AAAA,YACL,SAAA,EAAU,mCAAA;AAAA,YAET,QAAA,EAAA,KAAA,CAAM,OAAA,mBACDpB,eAAAA,CAAAM,qBAAA,EAAE,QAAA,EAAA;AAAA,8BAAAR,cAAAA,CAACuB,mBAAA,EAAA,EAAQ,SAAA,EAAU,sBAAA,EAAuB,CAAA;AAAA,cAAE;AAAA,aAAA,EAAS,CAAA,mBACvDrB,eAAAA,CAAAM,mBAAAA,EAAA,EAAE,QAAA,EAAA;AAAA,8BAAAR,cAAAA,CAACqB,gBAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,cAAE;AAAA,aAAA,EAAK;AAAA;AAAA;AAE7C,OAAA,EACJ,CAAA;AAAA,MACC,8BACGrB,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gFACV,QAAA,EAAA,UAAA,EACL;AAAA,KAAA,EAER,CAAA;AAAA,oBAGAE,eAAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,qBAAA,EAEjB,QAAA,EAAA;AAAA,MAAA,aAAA,oBAAkBF,cAAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,iBAAA,EAAmB,QAAQ,UAAA,EAAY,CAAA;AAAA,MAC5E,kCAAkBA,cAAAA,CAAC,eAAY,KAAA,EAAM,kBAAA,EAAmB,QAAQ,WAAA,EAAa,CAAA;AAAA,MAG7E,OAAA,oBACGE,eAAAA,CAAC,KAAA,EAAA,EAAI,WAAU,aAAA,EACX,QAAA,EAAA;AAAA,wBAAAA,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EACX,QAAA,EAAA;AAAA,0BAAAA,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACX,QAAA,EAAA;AAAA,4BAAAF,cAAAA,CAAC,gBAAa,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,YACjB,4BACGA,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kDAAkD,QAAA,EAAA,QAAA,EAAS;AAAA,WAAA,EAEnF,CAAA;AAAA,UACC,WAAA,IAAe,KAAA,CAAM,WAAA,oBAClBE,eAAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACG,IAAA,EAAK,QAAA;AAAA,cACL,SAAS,MAAM;AACX,gBAAA,IAAI;AACA,kBAAA,cAAA,CAAe,IAAA,CAAK,UAAU,IAAA,CAAK,KAAA,CAAM,MAAM,WAAW,CAAA,EAAG,IAAA,EAAM,CAAC,CAAC,CAAA;AAAA,gBACzE,CAAA,CAAA,MAAQ;AAAA,gBAAC;AAAA,cACb,CAAA;AAAA,cACA,SAAA,EAAU,0GAAA;AAAA,cAEV,QAAA,EAAA;AAAA,gCAAAF,cAAAA,CAACwB,oBAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,gBAAE;AAAA;AAAA;AAAA;AAExC,SAAA,EAER,CAAA;AAAA,wBACAxB,cAAAA;AAAA,UAACyB,mBAAA;AAAA,UAAA;AAAA,YACG,WAAA,EAAa,wBAAA;AAAA,YACb,OAAO,KAAA,CAAM,WAAA;AAAA,YACb,UAAU,CAAC,CAAA,KAAM,cAAA,CAAe,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,YAC9C,SAAA,EAAWxB,MAAAA;AAAA,cACP,6CAAA;AAAA,cACA,CAAC,WAAA,IAAe;AAAA,aACpB;AAAA,YACA,IAAA,EAAM;AAAA;AAAA,SACV;AAAA,QACC,CAAC,WAAA,oBAAeD,eAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gCAA+B,QAAA,EAAA,cAAA,EAAY;AAAA,OAAA,EAC7E,CAAA;AAAA,sBAIJA,cAAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACG,KAAA,kBACIE,eAAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gCAAA,EACZ,QAAA,EAAA;AAAA,4BAAAF,cAAAA,CAAC0B,eAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,YAAE;AAAA,WAAA,EAEnC,CAAA;AAAA,UAGJ,QAAA,kBAAAxB,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACX,QAAA,EAAA;AAAA,4BAAAA,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EACX,QAAA,EAAA;AAAA,8BAAAF,cAAAA,CAAC,gBAAa,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,8BAC1BA,cAAAA;AAAA,gBAACW,gBAAAA;AAAA,gBAAA;AAAA,kBACG,IAAA,EAAK,UAAA;AAAA,kBACL,WAAA,EAAY,0CAAA;AAAA,kBACZ,OAAO,KAAA,CAAM,cAAA;AAAA,kBACb,UAAU,CAAC,CAAA,KAAM,iBAAA,CAAkB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,kBACjD,SAAA,EAAU;AAAA;AAAA;AACd,aAAA,EACJ,CAAA;AAAA,4BACAT,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EACX,QAAA,EAAA;AAAA,8BAAAF,cAAAA,CAAC,gBAAa,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,8BACrBA,cAAAA;AAAA,gBAACyB,mBAAA;AAAA,gBAAA;AAAA,kBACG,OAAO,KAAA,CAAM,cAAA;AAAA,kBACb,UAAU,CAAC,CAAA,KAAM,iBAAA,CAAkB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,kBACjD,SAAA,EAAU,6CAAA;AAAA,kBACV,IAAA,EAAM;AAAA;AAAA;AACV,aAAA,EACJ;AAAA,WAAA,EACJ;AAAA;AAAA,OACJ;AAAA,MAGC,2BACGzB,cAAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACG,KAAA,kBACIE,eAAAA,CAAC,MAAA,EAAA,EAAK,WAAU,gCAAA,EACZ,QAAA,EAAA;AAAA,4BAAAF,cAAAA,CAAC2B,oBAAA,EAAA,EAAS,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,YAAE;AAAA,WAAA,EAExC,CAAA;AAAA,UAEJ,MAAA,kBACI3B,cAAAA,CAAC4B,qBAAA,EAAA,EAAW,KAAA,EAAO,WAAA,EAAa,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,4CAAA,EAA6C,QAAA,EAAA,MAAA,EAEjH,CAAA;AAAA,UAGJ,QAAA,kBAAA5B,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCACX,QAAA,kBAAAA,cAAAA,CAAC6B,oCAAA,EAAA,EAAW,IAAA,EAAM,WAAA,EAAa,QAAA,EAAS,MAAA,EAAO,SAAA,EAAS,MAAC,CAAA,EAC7D;AAAA;AAAA,OACJ;AAAA,sBAGJ7B,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,KAAA,EAAM;AAAA,KAAA,EACzB,CAAA;AAAA,oBAGAA,eAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEACX,QAAA,kBAAAA,cAAAA,CAACsB,qBAAO,OAAA,EAAS,WAAA,EAAa,UAAU,cAAA,EAAgB,IAAA,EAAK,MAAK,SAAA,EAAU,kBAAA,EACvE,gBAAM,OAAA,mBACDpB,eAAAA,CAAAM,mBAAAA,EAAA,EAAE,QAAA,EAAA;AAAA,sBAAAR,cAAAA,CAACuB,mBAAA,EAAA,EAAQ,SAAA,EAAU,0BAAA,EAA2B,CAAA;AAAA,MAAE;AAAA,KAAA,EAAS,CAAA,mBAC3DrB,eAAAA,CAAAM,mBAAAA,EAAA,EAAE,QAAA,EAAA;AAAA,sBAAAR,cAAAA,CAACqB,gBAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,MAAE;AAAA,KAAA,EAAa,GAEzD,CAAA,EACJ;AAAA,GAAA,EACJ,CAAA;AAER;AA1LgB5B,wBAAA,CAAA,YAAA,EAAA,cAAA,CAAA;AC1DhB,IAAM,gBAAA,GAAmB;AAAA,EACrB,kBAAA,EAAoB,CAAA;AAAA,EACpB,uBAAA,EAAyB,EAAA;AAAA,EACzB,uBAAA,EAAyB,CAAA;AAAA,EACzB,eAAA,EAAiB,GAAA;AAAA,EACjB,eAAA,EAAiB,EAAA;AAAA,EACjB,kBAAA,EAAoB,IAAA;AAAA,EACpB,kBAAA,EAAoB,IAAA;AAAA,EACpB,iBAAA,EAAmB,KAAA;AAAA,EACnB,gBAAA,EAAkB,IAAA;AAAA,EAClB,SAAA,EAAW;AACf,CAAA;AAIO,SAAS,aAAA,GAAgB;AAC5B,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIY,sCAAA,EAAqB;AACvC,EAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAS,gBAAA,EAAiB,GAAI,KAAA;AAKhD,EAAA,MAAM,EAAE,QAAA,EAAU,OAAA,EAAQ,GAAIT,eAAQ,MAAM;AACxC,IAAA,MAAM,IAAI,QAAA,EAAU,IAAA;AACpB,IAAA,IAAI,KAAK,IAAA,EAAM,OAAO,EAAE,QAAA,EAAU,IAAA,EAAM,SAAS,EAAA,EAAG;AAEpD,IAAA,IAAI,OAAO,MAAM,QAAA,EAAU;AACvB,MAAA,IAAI;AACA,QAAA,OAAO,EAAE,QAAA,EAAU,IAAA,CAAK,MAAM,CAAC,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,MACjD,CAAA,CAAA,MAAQ;AACJ,QAAA,OAAO,EAAE,QAAA,EAAU,IAAA,EAAM,OAAA,EAAS,CAAA,EAAE;AAAA,MACxC;AAAA,IACJ;AAEA,IAAA,OAAO,EAAE,UAAU,CAAA,EAAG,OAAA,EAAS,KAAK,SAAA,CAAU,CAAA,EAAG,IAAA,EAAM,CAAC,CAAA,EAAE;AAAA,EAC9D,CAAA,EAAG,CAAC,QAAA,EAAU,IAAI,CAAC,CAAA;AAGnB,EAAA,MAAM,MAAA,GAAa,UAAU,CAAA,EAAA,CAAI,OAAA,CAAQ,SAAS,IAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA,GAAQ,EAAA;AAC1E,EAAA,MAAM,WAAa,QAAA,EAAU,QAAA,IAAY,OAAO,CAAA,EAAG,QAAA,CAAS,QAAQ,CAAA,EAAA,CAAA,GAAO,EAAA;AAC3E,EAAA,MAAM,QAAA,GAAa,OAAA,CAAQ,QAAA,EAAU,KAAK,CAAA;AAC1C,EAAA,MAAM,SAAA,GAAa,UAAU,MAAA,IAAU,IAAA;AACvC,EAAA,MAAM,OAAA,GAAa,QAAQ,OAAO,CAAA;AAGlC,EAAA,IAAI,OAAA,EAAS;AACT,IAAA,uBACIM,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAAA,EACX,QAAA,EAAA;AAAA,sBAAAF,cAAAA,CAACuB,mBAAAA,EAAA,EAAQ,SAAA,EAAU,4CAAA,EAA6C,CAAA;AAAA,sBAChEvB,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iCAAgC,QAAA,EAAA,eAAA,EAAQ;AAAA,KAAA,EAC5D,CAAA;AAAA,EAER;AAEA,EAAA,IAAI,CAAC,kBAAkB,uBAAOA,eAAC,UAAA,EAAA,EAAW,IAAA,EAAM2B,oBAAAA,EAAU,IAAA,EAAK,2BAAA,EAA4B,CAAA;AAC3F,EAAA,IAAI,CAAC,UAAkB,uBAAO3B,eAAC,UAAA,EAAA,EAAW,IAAA,EAAMqB,gBAAAA,EAAM,IAAA,EAAK,0CAAA,EAA2C,CAAA;AAGtG,EAAA,IAAI,QAAA,IAAY,CAAC,SAAA,EAAW;AACxB,IAAA,uBACIrB,cAAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACG,IAAA,EAAM8B,mBAAA;AAAA,QACN,MAAM,QAAA,CAAS,KAAA;AAAA,QACf,SAAA,EAAU;AAAA;AAAA,KACd;AAAA,EAER;AAGA,EAAA,uBACI5B,eAAAA,CAAAM,mBAAAA,EAAA,EAEI,QAAA,EAAA;AAAA,oBAAAN,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iFAAA,EACX,QAAA,EAAA;AAAA,sBAAAA,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EACV,QAAA,EAAA;AAAA,QAAA,SAAA,oBAAaF,cAAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAQ,SAAS,MAAA,EAAS,CAAA;AAAA,QACpD,QAAA,CAAS,8BACNA,cAAAA,CAAC,UAAK,SAAA,EAAU,wCAAA,EAA0C,mBAAS,UAAA,EAAW,CAAA;AAAA,QAEjF,0BACGA,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8DAA8D,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,QAExF,4BACGA,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8DAA8D,QAAA,EAAA,QAAA,EAAS;AAAA,OAAA,EAE/F,CAAA;AAAA,MACC,OAAA,oBACGA,cAAAA,CAAC4B,qBAAAA,EAAA,EAAW,KAAA,EAAO,OAAA,EAAS,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,uDAAsD,QAAA,EAAA,MAAA,EAEtH;AAAA,KAAA,EAER,CAAA;AAAA,IAGC,QAAA,oBACG5B,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oFAAA,EACX,QAAA,kBAAAA,cAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0BAAA,EAA4B,QAAA,EAAA,QAAA,CAAS,OAAM,CAAA,EAC5D,CAAA;AAAA,oBAIJA,cAAAA,CAAC,UAAA,EAAA,EACI,QAAA,EAAA,QAAA,IAAY,IAAA,mBACTA,cAAAA,CAAC+B,kCAAA,EAAA,EAAS,KAAA,EAAM,eAAA,EAAgB,IAAA,EAAM,QAAA,EAAU,MAAA,EAAQ,gBAAA,EAAkB,CAAA,GAC1E,OAAA,mBACA/B,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4FAAA,EACV,QAAA,EAAA,OAAA,EACL,CAAA,mBAEAA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iDAAA,EAAkD,iCAAmB,CAAA,EAE5F;AAAA,GAAA,EACJ,CAAA;AAER;AAlGgBP,wBAAA,CAAA,aAAA,EAAA,eAAA,CAAA;ACXhB,IAAM,WAAA,GAAkD;AAAA,EACpD,EAAE,EAAA,EAAI,WAAA,EAAa,KAAA,EAAO,WAAA,EAAY;AAAA,EACtC,EAAE,EAAA,EAAI,SAAA,EAAa,KAAA,EAAO,SAAA,EAAU;AAAA,EACpC,EAAE,EAAA,EAAI,UAAA,EAAa,KAAA,EAAO,UAAA;AAC9B,CAAA;AAEA,SAAS,UAAA,GAAa;AAClB,EAAA,MAAM,EAAE,KAAA,EAAM,GAAIY,sCAAA,EAAqB;AACvC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAIF,uBAAAA,CAAM,SAAoB,WAAW,CAAA;AAE3D,EAAAA,uBAAAA,CAAM,UAAU,MAAM;AAClB,IAAA,IAAI,KAAA,CAAM,gBAAA,EAAkB,MAAA,CAAO,SAAS,CAAA;AAAA,EAChD,CAAA,EAAG,CAAC,KAAA,CAAM,gBAAA,EAAkB,MAAM,KAAA,CAAM,gBAAA,EAAkB,MAAM,CAAC,CAAA;AAEjE,EAAAA,uBAAAA,CAAM,UAAU,MAAM;AAClB,IAAA,IAAI,MAAM,QAAA,IAAY,CAAC,KAAA,CAAM,OAAA,SAAgB,UAAU,CAAA;AAAA,EAC3D,GAAG,CAAC,KAAA,CAAM,QAAA,EAAU,KAAA,CAAM,OAAO,CAAC,CAAA;AAElC,EAAA,MAAM,cAAc,OAAA,CAAQ,KAAA,CAAM,QAAQ,CAAA,IAAK,CAAC,KAAA,CAAM,OAAA;AAEtD,EAAA,uBACID,eAAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,QAAA,EACb,QAAA,EAAA;AAAA,oBAAAF,eAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BACV,QAAA,EAAA,WAAA,CAAY,GAAA,CAAI,CAAC,CAAA,KAAM;AACpB,MAAA,MAAM,QAAA,GAAY,QAAQ,CAAA,CAAE,EAAA;AAC5B,MAAA,MAAM,OAAA,GAAY,CAAA,CAAE,EAAA,KAAO,UAAA,IAAc,WAAA;AACzC,MAAA,uBACIE,eAAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEG,OAAA,EAAS,MAAM,MAAA,CAAO,CAAA,CAAE,EAAE,CAAA;AAAA,UAC1B,SAAA,EAAWD,MAAAA;AAAA,YACP,gFAAA;AAAA,YACA,WACM,gCAAA,GACA;AAAA,WACV;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,CAAA,CAAE,KAAA;AAAA,YACF,OAAA,oBACGD,cAAAA,CAAC,MAAA,EAAA,EAAK,WAAU,2EAAA,EAA4E;AAAA;AAAA,SAAA;AAAA,QAX3F,CAAA,CAAE;AAAA,OAaX;AAAA,IAER,CAAC,CAAA,EACL,CAAA;AAAA,oBAEAE,eAAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,QAAA,EACZ,QAAA,EAAA;AAAA,MAAA,GAAA,KAAQ,WAAA,oBAAeF,cAAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,MACrC,GAAA,KAAQ,SAAA,oBAAeA,cAAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,MACrC,GAAA,KAAQ,UAAA,oBAAeA,cAAAA,CAAC,aAAA,EAAA,EAAc;AAAA,KAAA,EAC3C;AAAA,GAAA,EACJ,CAAA;AAER;AA/CSP,wBAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAmDT,SAAS,WAAA,GAAc;AACnB,EAAA,uBACIS,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wEAAA,EACX,QAAA,EAAA;AAAA,oBAAAA,gBAAC,KAAA,EAAA,EACG,QAAA,EAAA;AAAA,sBAAAF,cAAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,WAAA,EAAY,CAAA;AAAA,sBAC/BA,eAAC,YAAA,EAAA,EAAa;AAAA,KAAA,EAClB,CAAA;AAAA,oBACAE,gBAAC,KAAA,EAAA,EACG,QAAA,EAAA;AAAA,sBAAAF,cAAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,SAAA,EAAU,CAAA;AAAA,sBAC7BA,eAAC,YAAA,EAAA,EAAa;AAAA,KAAA,EAClB,CAAA;AAAA,oBACAE,gBAAC,KAAA,EAAA,EACG,QAAA,EAAA;AAAA,sBAAAF,cAAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,UAAA,EAAW,CAAA;AAAA,sBAC9BA,eAAC,aAAA,EAAA,EAAc;AAAA,KAAA,EACnB;AAAA,GAAA,EACJ,CAAA;AAER;AAjBSP,wBAAA,CAAA,WAAA,EAAA,aAAA,CAAA;AAqBF,IAAM,mCAA6BA,wBAAA,CAAA,MAAM;AAC5C,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,SAAA,EAAU;AAE/B,EAAA,uBACIO,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAA,EAAU,+BAAA;AAAA,MACV,KAAA,EAAO,EAAE,MAAA,EAAQ,2CAAA,EAA4C;AAAA,MAE5D,qCAAWA,cAAAA,CAAC,cAAW,CAAA,mBAAKA,eAAC,WAAA,EAAA,EAAY;AAAA;AAAA,GAC9C;AAER,CAAA,EAX0C,kBAAA","file":"PlaygroundLayout-ZO2LO7M5.cjs","sourcesContent":["import { useIsMobile } from '@djangocfg/ui-core/hooks';\n\nexport const useMobile = () => {\n  const isMobile = useIsMobile();\n\n  return {\n    isMobile,\n    isDesktop: !isMobile,\n  };\n}; ","'use client';\n\nimport consola from 'consola';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ApiEndpoint, OpenApiSchema, SchemaSource, UseOpenApiSchemaReturn } from '../types';\n\n// HTTP methods to extract from OpenAPI schema\nconst HTTP_METHODS = ['get', 'post', 'put', 'patch', 'delete'] as const;\n\n// Extract endpoints from OpenAPI schema (all methods)\nconst extractEndpoints = (schema: OpenApiSchema): ApiEndpoint[] => {\n  const endpoints: ApiEndpoint[] = [];\n\n  if (!schema.paths) return [];\n\n  // Get base URL from servers\n  const baseUrl = schema.servers && schema.servers.length > 0 ? schema.servers[0].url : '';\n\n  for (const [path, methods] of Object.entries(schema.paths)) {\n    for (const method of HTTP_METHODS) {\n      const op = (methods as any)[method];\n      if (!op) continue;\n\n      const methodUpper = method.toUpperCase();\n      const description = op.description || op.summary || `${methodUpper} ${path}`;\n      const category = op.tags?.[0] || 'Other';\n\n      const parameters: Array<{\n        name: string;\n        type: string;\n        required: boolean;\n        description?: string;\n      }> = [];\n\n      // Collect parameters (path-level + operation-level)\n      const allParams = [...((methods as any).parameters || []), ...(op.parameters || [])];\n      for (const param of allParams) {\n        parameters.push({\n          name: param.name,\n          type: param.schema?.type || 'string',\n          required: param.required || false,\n          description: param.description,\n        });\n      }\n\n      // Collect responses\n      const responses: Array<{\n        code: string;\n        description: string;\n      }> = [];\n\n      if (op.responses) {\n        for (const [code, response] of Object.entries(op.responses)) {\n          responses.push({\n            code,\n            description: (response as any).description || `Response ${code}`,\n          });\n        }\n      }\n\n      // Extract request body info\n      let requestBody: { type: string; description?: string } | undefined;\n      if (op.requestBody) {\n        const content = op.requestBody.content;\n        const mediaType = content?.['application/json'] || content?.[Object.keys(content || {})[0]];\n        requestBody = {\n          type: mediaType?.schema?.type || 'object',\n          description: op.requestBody.description,\n        };\n      }\n\n      const endpoint: ApiEndpoint = {\n        name: path.split('/').pop() || path,\n        method: methodUpper,\n        path: baseUrl + path,\n        description,\n        category,\n        parameters: parameters.length > 0 ? parameters : undefined,\n        requestBody,\n        responses: responses.length > 0 ? responses : undefined,\n      };\n\n      endpoints.push(endpoint);\n    }\n  }\n\n  return endpoints;\n};\n\n// Get unique categories from endpoints\nconst getCategories = (endpoints: ApiEndpoint[]): string[] => {\n  const categories = new Set<string>();\n  endpoints.forEach((endpoint) => categories.add(endpoint.category));\n  return Array.from(categories).sort();\n};\n\n// Fetch schema from URL\nconst fetchSchema = async (url: string): Promise<OpenApiSchema> => {\n  const response = await fetch(url, {\n    headers: {\n      'Accept': 'application/json',\n    },\n  });\n  if (!response.ok) {\n    throw new Error(`Failed to fetch schema: ${response.statusText}`);\n  }\n  return response.json();\n};\n\ninterface UseOpenApiSchemaProps {\n  schemas: SchemaSource[];\n  defaultSchemaId?: string;\n}\n\nexport default function useOpenApiSchema({\n  schemas,\n  defaultSchemaId,\n}: UseOpenApiSchemaProps): UseOpenApiSchemaReturn {\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [currentSchemaId, setCurrentSchemaId] = useState<string>(\n    defaultSchemaId || schemas[0]?.id\n  );\n  const [loadedSchemas, setLoadedSchemas] = useState<Map<string, OpenApiSchema>>(\n    new Map()\n  );\n\n  const currentSchema = useMemo(\n    () => schemas.find((s) => s.id === currentSchemaId) || null,\n    [schemas, currentSchemaId]\n  );\n\n  const currentOpenApiSchema = useMemo(\n    () => (currentSchemaId ? loadedSchemas.get(currentSchemaId) : null),\n    [loadedSchemas, currentSchemaId]\n  );\n\n  const endpoints = useMemo(\n    () => (currentOpenApiSchema ? extractEndpoints(currentOpenApiSchema) : []),\n    [currentOpenApiSchema]\n  );\n\n  const categories = useMemo(() => getCategories(endpoints), [endpoints]);\n\n  // Load schema when current schema changes\n  useEffect(() => {\n    if (!currentSchema) return;\n\n    // Skip if already loaded\n    if (loadedSchemas.has(currentSchema.id)) {\n      setLoading(false);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    fetchSchema(currentSchema.url)\n      .then((schema) => {\n        setLoadedSchemas((prev) => new Map(prev).set(currentSchema.id, schema));\n        consola.success(`Schema loaded: ${currentSchema.name}`);\n        setLoading(false);\n      })\n      .catch((err) => {\n        consola.error(`Error loading schema from ${currentSchema.url}:`, err);\n        setError(err instanceof Error ? err.message : 'Failed to load schema');\n        setLoading(false);\n      });\n  }, [currentSchema, loadedSchemas]);\n\n  const setCurrentSchema = useCallback((schemaId: string) => {\n    setCurrentSchemaId(schemaId);\n  }, []);\n\n  const refresh = useCallback(() => {\n    if (!currentSchema) return;\n\n    setLoading(true);\n    setError(null);\n\n    // Remove from cache to force reload\n    setLoadedSchemas((prev) => {\n      const next = new Map(prev);\n      next.delete(currentSchema.id);\n      return next;\n    });\n\n    fetchSchema(currentSchema.url)\n      .then((schema) => {\n        setLoadedSchemas((prev) => new Map(prev).set(currentSchema.id, schema));\n        consola.success(`Schema refreshed: ${currentSchema.name}`);\n        setLoading(false);\n      })\n      .catch((err) => {\n        consola.error(`Error refreshing schema from ${currentSchema.url}:`, err);\n        setError(err instanceof Error ? err.message : 'Failed to refresh schema');\n        setLoading(false);\n      });\n  }, [currentSchema]);\n\n  return {\n    loading,\n    error,\n    endpoints,\n    categories,\n    schemas,\n    currentSchema,\n    setCurrentSchema,\n    refresh,\n  };\n}\n","'use client';\n\n/**\n * Shared primitive UI components used across all PlaygroundLayout panels.\n * Keep this file free of any business logic or context reads.\n */\n\nimport { ChevronRight } from 'lucide-react';\nimport React from 'react';\n\nimport { cn } from '@djangocfg/ui-core/lib';\n\n// ─── Style helpers ────────────────────────────────────────────────────────────\n\nconst METHOD_STYLES: Record<string, string> = {\n    GET:    'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/25',\n    POST:   'bg-blue-500/10    text-blue-600    dark:text-blue-400    border-blue-500/25',\n    PUT:    'bg-amber-500/10   text-amber-600   dark:text-amber-400   border-amber-500/25',\n    PATCH:  'bg-orange-500/10  text-orange-600  dark:text-orange-400  border-orange-500/25',\n    DELETE: 'bg-red-500/10     text-red-600     dark:text-red-400     border-red-500/25',\n} as const;\n\nconst METHOD_FALLBACK = 'bg-muted text-muted-foreground border-border';\n\nexport function getMethodStyle(method: string): string {\n    return METHOD_STYLES[method.toUpperCase()] ?? METHOD_FALLBACK;\n}\n\nexport function getStatusStyle(status: number): string {\n    if (status >= 500) return 'bg-red-500/10 text-red-500 dark:text-red-400 border-red-500/25';\n    if (status >= 400) return 'bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/25';\n    if (status >= 300) return 'bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/25';\n    return 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/25';\n}\n\nexport function relativePath(full: string): string {\n    try { return new URL(full).pathname; } catch { return full; }\n}\n\n// ─── Atoms ────────────────────────────────────────────────────────────────────\n\nexport function MethodBadge({ method }: { method: string }) {\n    return (\n        <span className={cn(\n            'inline-flex shrink-0 items-center rounded border px-1.5 py-px',\n            'font-mono text-[10px] font-bold uppercase tracking-wider leading-none',\n            getMethodStyle(method),\n        )}>\n            {method}\n        </span>\n    );\n}\n\nexport function StatusBadge({ status }: { status: number }) {\n    return (\n        <span className={cn(\n            'inline-flex items-center rounded border px-1.5 py-px',\n            'font-mono text-[11px] font-bold leading-none',\n            getStatusStyle(status),\n        )}>\n            {status}\n        </span>\n    );\n}\n\nexport function SectionLabel({ children }: { children: React.ReactNode }) {\n    return (\n        <p className=\"text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/60 select-none\">\n            {children}\n        </p>\n    );\n}\n\nexport function Panel({ children, className }: { children: React.ReactNode; className?: string }) {\n    return (\n        <div className={cn('flex flex-col min-h-0 overflow-hidden', className)}>\n            {children}\n        </div>\n    );\n}\n\nexport function ScrollArea({ children, className }: { children: React.ReactNode; className?: string }) {\n    return (\n        <div className={cn('flex-1 overflow-y-auto min-h-0', className)}>\n            {children}\n        </div>\n    );\n}\n\nexport function PanelHeader({ title }: { title: string }) {\n    return (\n        <div className=\"shrink-0 border-b px-4 h-10 flex items-center\">\n            <span className=\"text-[11px] font-semibold uppercase tracking-widest text-muted-foreground/50\">\n                {title}\n            </span>\n        </div>\n    );\n}\n\nexport function EmptyState({ icon: Icon, text }: { icon: React.ElementType; text: string }) {\n    return (\n        <div className=\"flex flex-col items-center justify-center h-full gap-3 px-6 text-center\">\n            <Icon className=\"h-7 w-7 text-muted-foreground/25\" />\n            <p className=\"text-xs text-muted-foreground\">{text}</p>\n        </div>\n    );\n}\n\nexport function CollapsibleSection({\n    label,\n    action,\n    children,\n    defaultOpen = false,\n}: {\n    label: React.ReactNode;\n    action?: React.ReactNode;\n    children: React.ReactNode;\n    defaultOpen?: boolean;\n}) {\n    const [open, setOpen] = React.useState(defaultOpen);\n    return (\n        <div className=\"space-y-0\">\n            <div className=\"flex items-center justify-between\">\n                <button\n                    type=\"button\"\n                    onClick={() => setOpen((v) => !v)}\n                    className=\"flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/60 hover:text-muted-foreground transition-colors py-1\"\n                >\n                    <ChevronRight className={cn('h-3 w-3 transition-transform', open && 'rotate-90')} />\n                    {label}\n                </button>\n                {action && <div className=\"shrink-0\">{action}</div>}\n            </div>\n            {open && <div>{children}</div>}\n        </div>\n    );\n}\n","'use client';\n\nimport { ChevronRight, Filter, Search } from 'lucide-react';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport {\n    Combobox,\n    DownloadButton,\n    DropdownMenu,\n    DropdownMenuContent,\n    DropdownMenuItem,\n    DropdownMenuTrigger,\n    Input,\n    Skeleton,\n} from '@djangocfg/ui-core/components';\nimport { cn } from '@djangocfg/ui-core/lib';\n\nimport { usePlaygroundContext } from '../../context/PlaygroundContext';\nimport useOpenApiSchema from '../../hooks/useOpenApiSchema';\nimport { deduplicateEndpoints } from '../../utils/versionManager';\nimport { MethodBadge, ScrollArea, relativePath } from './ui';\n\n// ─── Endpoint row ─────────────────────────────────────────────────────────────\n\nfunction EndpointRow({\n    method,\n    path,\n    description,\n    isActive,\n    onClick,\n}: {\n    method: string;\n    path: string;\n    description: string;\n    isActive: boolean;\n    onClick: () => void;\n}) {\n    const displayPath = relativePath(path);\n    const rowCls = cn(\n        'group w-full text-left flex items-start gap-2.5 px-3 py-2.5 transition-colors hover:bg-muted/40',\n        isActive && 'bg-primary/[0.06] hover:bg-primary/[0.09]',\n    );\n    const arrowCls = cn(\n        'h-3.5 w-3.5 shrink-0 mt-px transition-opacity',\n        isActive ? 'text-primary opacity-100' : 'opacity-0 group-hover:opacity-30',\n    );\n\n    return (\n        <button className={rowCls} onClick={onClick}>\n            <MethodBadge method={method} />\n            <div className=\"flex-1 min-w-0\">\n                <p className=\"font-mono text-[11px] text-foreground/75 truncate leading-tight\">\n                    {displayPath}\n                </p>\n                {description && (\n                    <p className=\"text-[10px] text-muted-foreground/60 truncate leading-tight mt-0.5\">\n                        {description}\n                    </p>\n                )}\n            </div>\n            <ChevronRight className={arrowCls} />\n        </button>\n    );\n}\n\n// ─── EndpointList ─────────────────────────────────────────────────────────────\n\nexport function EndpointList() {\n    const { state, config, setSelectedEndpoint, setSelectedCategory, setSearchTerm } =\n        usePlaygroundContext();\n    const { endpoints, categories, loading, error, schemas, currentSchema, setCurrentSchema } =\n        useOpenApiSchema({ schemas: config.schemas, defaultSchemaId: config.defaultSchemaId });\n\n    // ── Debounced search ──────────────────────────────────────────────────────\n    const [debouncedSearch, setDebouncedSearch] = useState(state.searchTerm);\n    useEffect(() => {\n        const id = setTimeout(() => setDebouncedSearch(state.searchTerm), 150);\n        return () => clearTimeout(id);\n    }, [state.searchTerm]);\n\n    // ── Data ──────────────────────────────────────────────────────────────────\n    const schemaOptions = useMemo(\n        () => schemas.map((s) => ({ value: s.id, label: s.name })),\n        [schemas],\n    );\n\n    const filtered = useMemo(() => {\n        let list = deduplicateEndpoints(endpoints, state.selectedVersion);\n        if (state.selectedCategory !== 'All') {\n            list = list.filter((e) => e.category === state.selectedCategory);\n        }\n        if (debouncedSearch) {\n            const q = debouncedSearch.toLowerCase();\n            list = list.filter((e) =>\n                e.name.toLowerCase().includes(q) ||\n                e.description.toLowerCase().includes(q) ||\n                e.path.toLowerCase().includes(q),\n            );\n        }\n        return list;\n    }, [endpoints, state.selectedCategory, debouncedSearch, state.selectedVersion]);\n\n    // ── Derived ───────────────────────────────────────────────────────────────\n    const isFiltered = state.selectedCategory !== 'All';\n    const hasCategories = categories.length > 0;\n    const hasMultipleSchemas = schemas.length > 1;\n    const endpointLabel = `${filtered.length} endpoint${filtered.length !== 1 ? 's' : ''}`;\n    const downloadFilename = currentSchema ? `${currentSchema.id}-openapi.json` : 'openapi.json';\n\n    // ── Early returns ─────────────────────────────────────────────────────────\n    if (loading) {\n        return (\n            <div className=\"p-3 space-y-1.5\">\n                {Array.from({ length: 12 }).map((_, i) => (\n                    <Skeleton key={i} className=\"h-10 w-full rounded\" />\n                ))}\n            </div>\n        );\n    }\n\n    if (error) {\n        return (\n            <div className=\"p-4\">\n                <p className=\"text-xs text-destructive\">Failed to load schema: {error}</p>\n            </div>\n        );\n    }\n\n    // ── Render ────────────────────────────────────────────────────────────────\n    return (\n        <>\n            {/* Toolbar */}\n            <div className=\"shrink-0 border-b px-2.5 py-2 space-y-2\">\n                {hasMultipleSchemas && (\n                    <Combobox\n                        options={schemaOptions}\n                        value={currentSchema?.id ?? ''}\n                        onValueChange={(id) => id && setCurrentSchema(id)}\n                        placeholder=\"Select API\"\n                        searchPlaceholder=\"Search APIs…\"\n                        emptyText=\"No APIs found\"\n                        className=\"w-full h-8 text-xs\"\n                    />\n                )}\n\n                <div className=\"flex gap-1.5\">\n                    <div className=\"relative flex-1 min-w-0\">\n                        <Search className=\"absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground/50 pointer-events-none\" />\n                        <Input\n                            placeholder=\"Search endpoints…\"\n                            value={state.searchTerm}\n                            onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSearchTerm(e.target.value)}\n                            className=\"pl-8 h-8 text-xs\"\n                        />\n                    </div>\n\n                    {hasCategories && (\n                        <DropdownMenu>\n                            <DropdownMenuTrigger asChild>\n                                <button className={cn(\n                                    'relative shrink-0 flex items-center justify-center h-8 w-8 rounded-md border transition-colors',\n                                    isFiltered\n                                        ? 'border-primary bg-primary/10 text-primary'\n                                        : 'border-input bg-background text-muted-foreground hover:text-foreground hover:bg-muted/50',\n                                )}>\n                                    <Filter className=\"h-3.5 w-3.5\" />\n                                    {isFiltered && (\n                                        <span className=\"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-primary\" />\n                                    )}\n                                </button>\n                            </DropdownMenuTrigger>\n                            <DropdownMenuContent align=\"end\" className=\"min-w-[160px] max-h-72 overflow-y-auto\">\n                                {['All', ...categories].map((c) => (\n                                    <DropdownMenuItem\n                                        key={c}\n                                        onClick={() => setSelectedCategory(c)}\n                                        className={cn('text-xs', state.selectedCategory === c && 'bg-accent font-medium')}\n                                    >\n                                        {c}\n                                    </DropdownMenuItem>\n                                ))}\n                            </DropdownMenuContent>\n                        </DropdownMenu>\n                    )}\n                </div>\n            </div>\n\n            {/* Meta row */}\n            <div className=\"shrink-0 flex items-center justify-between px-3 py-1 border-b bg-muted/20\">\n                <span className=\"text-[10px] text-muted-foreground/50 tabular-nums\">{endpointLabel}</span>\n                {currentSchema && (\n                    <DownloadButton\n                        url={currentSchema.url}\n                        filename={downloadFilename}\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"h-6 px-2 text-[10px] text-muted-foreground/50 hover:text-foreground\"\n                    >\n                        JSON\n                    </DownloadButton>\n                )}\n            </div>\n\n            {/* List */}\n            <ScrollArea>\n                {filtered.length === 0 ? (\n                    <div className=\"py-10 text-center text-xs text-muted-foreground\">No endpoints found</div>\n                ) : (\n                    <div className=\"divide-y divide-border/40\">\n                        {filtered.map((ep) => (\n                            <EndpointRow\n                                key={`${ep.method}-${ep.path}`}\n                                method={ep.method}\n                                path={ep.path}\n                                description={ep.description}\n                                isActive={\n                                    state.selectedEndpoint?.path === ep.path &&\n                                    state.selectedEndpoint?.method === ep.method\n                                }\n                                onClick={() => setSelectedEndpoint(ep)}\n                            />\n                        ))}\n                    </div>\n                )}\n            </ScrollArea>\n        </>\n    );\n}\n","'use client';\n\nimport { Key, Loader2, Send, Sparkles, Terminal } from 'lucide-react';\nimport React, { useMemo } from 'react';\n\nimport {\n    Button,\n    CopyButton,\n    Input,\n    Textarea,\n} from '@djangocfg/ui-core/components';\nimport { cn } from '@djangocfg/ui-core/lib';\n\nimport PrettyCode from '../../../PrettyCode';\nimport { usePlaygroundContext } from '../../context/PlaygroundContext';\nimport { findApiKeyById, isValidJson, parseRequestHeaders } from '../../utils';\nimport {\n    CollapsibleSection,\n    EmptyState,\n    MethodBadge,\n    ScrollArea,\n    SectionLabel,\n    StatusBadge,\n    relativePath,\n} from './ui';\n\n// ─── Param fields ─────────────────────────────────────────────────────────────\n\ntype Param = { name: string; type: string; required: boolean; description?: string };\n\nfunction ParamFields({ label, params }: { label: string; params: Param[] }) {\n    const { state, setParameters } = usePlaygroundContext();\n\n    function handleChange(name: string, value: string) {\n        setParameters({ ...state.parameters, [name]: value });\n    }\n\n    return (\n        <div className=\"space-y-2\">\n            <SectionLabel>{label}</SectionLabel>\n            <div className=\"space-y-2\">\n                {params.map((p) => {\n                    const value = state.parameters[p.name] ?? '';\n                    const placeholder = p.description || p.name;\n                    return (\n                        <div key={p.name} className=\"space-y-1\">\n                            <div className=\"flex items-center gap-1.5\">\n                                <span className=\"font-mono text-[11px] text-foreground/80\">{p.name}</span>\n                                {p.required && (\n                                    <span className=\"text-[9px] text-destructive font-bold leading-none\">*</span>\n                                )}\n                                <span className=\"font-mono text-[10px] text-muted-foreground/50\">{p.type}</span>\n                            </div>\n                            <Input\n                                value={value}\n                                onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                                    handleChange(p.name, e.target.value)\n                                }\n                                placeholder={placeholder}\n                                className=\"h-8 text-xs font-mono\"\n                            />\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n\n// ─── RequestPanel ─────────────────────────────────────────────────────────────\n\nexport function RequestPanel() {\n    const { state, apiKeys, setRequestBody, setRequestHeaders, setManualApiToken, sendRequest } =\n        usePlaygroundContext();\n\n    const ep = state.selectedEndpoint;\n\n    // ── Data (hooks must not be conditional) ─────────────────────────────────\n    const isJsonValid = state.requestBody ? isValidJson(state.requestBody) : true;\n\n    const curlCommand = useMemo(() => {\n        if (!state.requestUrl) return '';\n        const apiKey = state.selectedApiKey ? findApiKeyById(apiKeys, state.selectedApiKey) : null;\n        const hdrs = parseRequestHeaders(state.requestHeaders);\n        if (apiKey) hdrs['X-API-Key'] = apiKey.id;\n        let cmd = `curl -X ${state.requestMethod} \"${state.requestUrl}\"`;\n        Object.entries(hdrs).forEach(([k, v]) => { cmd += ` \\\\\\n  -H \"${k}: ${v}\"`; });\n        if (state.requestBody && state.requestMethod !== 'GET' && isJsonValid) {\n            cmd += ` \\\\\\n  -d '${state.requestBody}'`;\n        }\n        return cmd;\n    }, [state, apiKeys, isJsonValid]);\n\n    const pathParams = useMemo(\n        () => ep?.parameters?.filter((p) => ep.path.includes(`{${p.name}}`)) ?? [],\n        [ep],\n    );\n    const queryParams = useMemo(\n        () => ep?.parameters?.filter((p) => !ep.path.includes(`{${p.name}}`)) ?? [],\n        [ep],\n    );\n\n    // ── Derived ───────────────────────────────────────────────────────────────\n    const isSendDisabled = state.loading || !state.requestUrl || !isJsonValid;\n    const displayUrl     = state.requestUrl || ep?.path || '';\n    const hasBody        = ep?.method !== 'GET';\n    const bodyType       = ep?.requestBody?.type ?? '';\n    const hasPathParams  = pathParams.length > 0;\n    const hasQueryParams = queryParams.length > 0;\n    const hasCurl        = Boolean(curlCommand);\n    const epPath         = ep ? relativePath(ep.path) : '';\n    const urlChanged     = displayUrl !== epPath;\n\n    // ── Early return ──────────────────────────────────────────────────────────\n    if (!ep) {\n        return <EmptyState icon={Send} text=\"Select an endpoint to build a request\" />;\n    }\n\n    // ── Render ────────────────────────────────────────────────────────────────\n    return (\n        <>\n            {/* Endpoint header */}\n            <div className=\"shrink-0 border-b px-4 py-3 bg-muted/20 space-y-1.5\">\n                <div className=\"flex items-center gap-2\">\n                    <MethodBadge method={ep.method} />\n                    <span className=\"font-mono text-xs text-foreground/70 truncate min-w-0 flex-1\">{epPath}</span>\n                    <Button\n                        onClick={sendRequest}\n                        disabled={isSendDisabled}\n                        size=\"sm\"\n                        className=\"shrink-0 gap-1.5 h-7 text-xs px-3\"\n                    >\n                        {state.loading\n                            ? <><Loader2 className=\"h-3 w-3 animate-spin\" /> Sending…</>\n                            : <><Send className=\"h-3 w-3\" /> Send</>\n                        }\n                    </Button>\n                </div>\n                {urlChanged && (\n                    <div className=\"font-mono text-[10px] text-muted-foreground/50 break-all leading-snug pl-0.5\">\n                        {displayUrl}\n                    </div>\n                )}\n            </div>\n\n            {/* Scrollable fields */}\n            <ScrollArea className=\"px-4 py-3 space-y-3\">\n\n                {hasPathParams  && <ParamFields label=\"Path Parameters\"  params={pathParams} />}\n                {hasQueryParams && <ParamFields label=\"Query Parameters\" params={queryParams} />}\n\n                {/* Body */}\n                {hasBody && (\n                    <div className=\"space-y-1.5\">\n                        <div className=\"flex items-center justify-between gap-2\">\n                            <div className=\"flex items-baseline gap-2\">\n                                <SectionLabel>Body</SectionLabel>\n                                {bodyType && (\n                                    <span className=\"text-[10px] text-muted-foreground/40 font-mono\">{bodyType}</span>\n                                )}\n                            </div>\n                            {isJsonValid && state.requestBody && (\n                                <button\n                                    type=\"button\"\n                                    onClick={() => {\n                                        try {\n                                            setRequestBody(JSON.stringify(JSON.parse(state.requestBody), null, 2));\n                                        } catch {}\n                                    }}\n                                    className=\"inline-flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground transition-colors\"\n                                >\n                                    <Sparkles className=\"h-2.5 w-2.5\" />\n                                    Format\n                                </button>\n                            )}\n                        </div>\n                        <Textarea\n                            placeholder={'{\\n  \"key\": \"value\"\\n}'}\n                            value={state.requestBody}\n                            onChange={(e) => setRequestBody(e.target.value)}\n                            className={cn(\n                                'font-mono text-[11px] min-h-[90px] resize-y',\n                                !isJsonValid && 'border-destructive focus-visible:ring-destructive/30',\n                            )}\n                            rows={4}\n                        />\n                        {!isJsonValid && <p className=\"text-[10px] text-destructive\">Invalid JSON</p>}\n                    </div>\n                )}\n\n                {/* Auth & Headers — collapsed by default */}\n                <CollapsibleSection\n                    label={\n                        <span className=\"inline-flex items-center gap-1\">\n                            <Key className=\"h-2.5 w-2.5\" />\n                            Auth &amp; Headers\n                        </span>\n                    }\n                >\n                    <div className=\"space-y-3 pt-2\">\n                        <div className=\"space-y-1.5\">\n                            <SectionLabel>Bearer Token</SectionLabel>\n                            <Input\n                                type=\"password\"\n                                placeholder=\"Leave empty to use JWT from localStorage\"\n                                value={state.manualApiToken}\n                                onChange={(e) => setManualApiToken(e.target.value)}\n                                className=\"font-mono text-xs h-8\"\n                            />\n                        </div>\n                        <div className=\"space-y-1.5\">\n                            <SectionLabel>Headers</SectionLabel>\n                            <Textarea\n                                value={state.requestHeaders}\n                                onChange={(e) => setRequestHeaders(e.target.value)}\n                                className=\"font-mono text-[11px] min-h-[60px] resize-y\"\n                                rows={3}\n                            />\n                        </div>\n                    </div>\n                </CollapsibleSection>\n\n                {/* cURL — collapsed by default */}\n                {hasCurl && (\n                    <CollapsibleSection\n                        label={\n                            <span className=\"inline-flex items-center gap-1\">\n                                <Terminal className=\"h-2.5 w-2.5\" />\n                                cURL\n                            </span>\n                        }\n                        action={\n                            <CopyButton value={curlCommand} variant=\"ghost\" size=\"sm\" className=\"h-5 px-2 text-[10px] text-muted-foreground\">\n                                Copy\n                            </CopyButton>\n                        }\n                    >\n                        <div className=\"rounded-md overflow-hidden mt-2\">\n                            <PrettyCode data={curlCommand} language=\"bash\" isCompact />\n                        </div>\n                    </CollapsibleSection>\n                )}\n\n                <div className=\"h-1\" />\n            </ScrollArea>\n\n            {/* Send footer */}\n            <div className=\"shrink-0 border-t px-4 py-3 bg-background/95 backdrop-blur-sm\">\n                <Button onClick={sendRequest} disabled={isSendDisabled} size=\"sm\" className=\"w-full gap-2 h-9\">\n                    {state.loading\n                        ? <><Loader2 className=\"h-3.5 w-3.5 animate-spin\" /> Sending…</>\n                        : <><Send className=\"h-3.5 w-3.5\" /> Send Request</>\n                    }\n                </Button>\n            </div>\n        </>\n    );\n}\n","'use client';\n\nimport { Loader2, Send, Terminal, WifiOff } from 'lucide-react';\nimport { useMemo } from 'react';\n\nimport { CopyButton } from '@djangocfg/ui-core/components';\n\nimport JsonTree from '../../../JsonTree';\nimport { usePlaygroundContext } from '../../context/PlaygroundContext';\nimport { EmptyState, ScrollArea, StatusBadge } from './ui';\n\n// ─── JsonTree config (static, no re-creation on render) ──────────────────────\n\nconst JSON_TREE_CONFIG = {\n    maxAutoExpandDepth: 2,\n    maxAutoExpandArrayItems: 10,\n    maxAutoExpandObjectKeys: 5,\n    maxStringLength: 200,\n    collectionLimit: 50,\n    showCollectionInfo: true,\n    showExpandControls: true,\n    showActionButtons: false,\n    preserveKeyOrder: true,\n    className: 'border-0 rounded-none',\n} as const;\n\n// ─── ResponsePanel ────────────────────────────────────────────────────────────\n\nexport function ResponsePanel() {\n    const { state } = usePlaygroundContext();\n    const { response, loading, selectedEndpoint } = state;\n\n    // ── Normalise response data ───────────────────────────────────────────────\n    // Always try to parse as JSON first so JsonTree gets an object, not a string.\n    // Falls back to raw text for non-JSON responses (HTML errors, plain text, etc.)\n    const { treeData, rawText } = useMemo(() => {\n        const d = response?.data;\n        if (d == null) return { treeData: null, rawText: '' };\n\n        if (typeof d === 'string') {\n            try {\n                return { treeData: JSON.parse(d), rawText: d };\n            } catch {\n                return { treeData: null, rawText: d };\n            }\n        }\n\n        return { treeData: d, rawText: JSON.stringify(d, null, 2) };\n    }, [response?.data]);\n\n    // ── Derived ───────────────────────────────────────────────────────────────\n    const sizeKb     = rawText ? `${(rawText.length / 1024).toFixed(1)} KB` : '';\n    const duration   = response?.duration != null ? `${response.duration}ms` : '';\n    const hasError   = Boolean(response?.error);\n    const hasStatus  = response?.status != null;\n    const hasCopy    = Boolean(rawText);\n\n    // ── Early returns ─────────────────────────────────────────────────────────\n    if (loading) {\n        return (\n            <div className=\"flex items-center justify-center h-full gap-2\">\n                <Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />\n                <span className=\"text-xs text-muted-foreground\">Sending…</span>\n            </div>\n        );\n    }\n\n    if (!selectedEndpoint) return <EmptyState icon={Terminal} text=\"Response will appear here\" />;\n    if (!response)         return <EmptyState icon={Send} text='Press \"Send Request\" to see the response' />;\n\n    // Pure network error (no HTTP response at all — CORS, offline, timeout)\n    if (hasError && !hasStatus) {\n        return (\n            <EmptyState\n                icon={WifiOff}\n                text={response.error!}\n                className=\"text-destructive [&_svg]:text-destructive\"\n            />\n        );\n    }\n\n    // ── Render ────────────────────────────────────────────────────────────────\n    return (\n        <>\n            {/* Status bar */}\n            <div className=\"shrink-0 border-b px-4 py-2 flex items-center justify-between gap-3 bg-muted/20\">\n                <div className=\"flex items-center gap-2 min-w-0\">\n                    {hasStatus && <StatusBadge status={response.status!} />}\n                    {response.statusText && (\n                        <span className=\"text-xs text-muted-foreground truncate\">{response.statusText}</span>\n                    )}\n                    {sizeKb && (\n                        <span className=\"text-[10px] text-muted-foreground/50 tabular-nums shrink-0\">{sizeKb}</span>\n                    )}\n                    {duration && (\n                        <span className=\"text-[10px] text-muted-foreground/50 tabular-nums shrink-0\">{duration}</span>\n                    )}\n                </div>\n                {hasCopy && (\n                    <CopyButton value={rawText} variant=\"ghost\" size=\"sm\" className=\"h-6 px-2 text-[10px] text-muted-foreground shrink-0\">\n                        Copy\n                    </CopyButton>\n                )}\n            </div>\n\n            {/* HTTP-level error body (4xx/5xx — has status but also error flag) */}\n            {hasError && (\n                <div className=\"shrink-0 mx-4 mt-3 rounded border border-destructive/20 bg-destructive/5 px-3 py-2\">\n                    <p className=\"text-xs text-destructive\">{response.error}</p>\n                </div>\n            )}\n\n            {/* Body */}\n            <ScrollArea>\n                {treeData != null ? (\n                    <JsonTree title=\"Response Body\" data={treeData} config={JSON_TREE_CONFIG} />\n                ) : rawText ? (\n                    <pre className=\"p-4 text-[11px] font-mono text-foreground/70 whitespace-pre-wrap break-all leading-relaxed\">\n                        {rawText}\n                    </pre>\n                ) : (\n                    <div className=\"py-10 text-center text-xs text-muted-foreground\">Empty response body</div>\n                )}\n            </ScrollArea>\n        </>\n    );\n}\n","'use client';\n\nimport React from 'react';\n\nimport { cn } from '@djangocfg/ui-core/lib';\n\nimport { useMobile } from '../../hooks/useMobile';\nimport { usePlaygroundContext } from '../../context/PlaygroundContext';\nimport { EndpointList } from './EndpointList';\nimport { RequestPanel } from './RequestPanel';\nimport { ResponsePanel } from './ResponsePanel';\nimport { Panel, PanelHeader } from './ui';\n\n// ─── Mobile tab layout ────────────────────────────────────────────────────────\n\ntype MobileTab = 'endpoints' | 'request' | 'response';\n\nconst MOBILE_TABS: { id: MobileTab; label: string }[] = [\n    { id: 'endpoints', label: 'Endpoints' },\n    { id: 'request',   label: 'Request' },\n    { id: 'response',  label: 'Response' },\n];\n\nfunction MobileView() {\n    const { state } = usePlaygroundContext();\n    const [tab, setTab] = React.useState<MobileTab>('endpoints');\n\n    React.useEffect(() => {\n        if (state.selectedEndpoint) setTab('request');\n    }, [state.selectedEndpoint?.path, state.selectedEndpoint?.method]);\n\n    React.useEffect(() => {\n        if (state.response && !state.loading) setTab('response');\n    }, [state.response, state.loading]);\n\n    const hasResponse = Boolean(state.response) && !state.loading;\n\n    return (\n        <Panel className=\"h-full\">\n            <div className=\"shrink-0 flex border-b\">\n                {MOBILE_TABS.map((t) => {\n                    const isActive  = tab === t.id;\n                    const showDot   = t.id === 'response' && hasResponse;\n                    return (\n                        <button\n                            key={t.id}\n                            onClick={() => setTab(t.id)}\n                            className={cn(\n                                'flex-1 py-2.5 text-xs font-medium transition-colors border-b-2 -mb-px relative',\n                                isActive\n                                    ? 'border-primary text-foreground'\n                                    : 'border-transparent text-muted-foreground hover:text-foreground',\n                            )}\n                        >\n                            {t.label}\n                            {showDot && (\n                                <span className=\"absolute top-2 right-[calc(50%-16px)] h-1.5 w-1.5 rounded-full bg-primary\" />\n                            )}\n                        </button>\n                    );\n                })}\n            </div>\n\n            <Panel className=\"flex-1\">\n                {tab === 'endpoints' && <EndpointList />}\n                {tab === 'request'   && <RequestPanel />}\n                {tab === 'response'  && <ResponsePanel />}\n            </Panel>\n        </Panel>\n    );\n}\n\n// ─── Desktop 3-column layout ─────────────────────────────────────────────────\n\nfunction DesktopView() {\n    return (\n        <div className=\"grid grid-cols-[260px_1fr_1fr] divide-x h-full min-h-0 overflow-hidden\">\n            <Panel>\n                <PanelHeader title=\"Endpoints\" />\n                <EndpointList />\n            </Panel>\n            <Panel>\n                <PanelHeader title=\"Request\" />\n                <RequestPanel />\n            </Panel>\n            <Panel>\n                <PanelHeader title=\"Response\" />\n                <ResponsePanel />\n            </Panel>\n        </div>\n    );\n}\n\n// ─── Root ─────────────────────────────────────────────────────────────────────\n\nexport const PlaygroundLayout: React.FC = () => {\n    const { isMobile } = useMobile();\n\n    return (\n        <div\n            className=\"flex flex-col overflow-hidden\"\n            style={{ height: 'calc(100dvh - var(--navbar-height, 64px))' }}\n        >\n            {isMobile ? <MobileView /> : <DesktopView />}\n        </div>\n    );\n};\n"]}

package/dist/{chunk-FX3GCEUL.mjs → chunk-QZ55LYK2.mjs}

@@ -1,5 +1,5 @@
 import { __name } from './chunk-CGILA3WO.mjs';
-import React2, { lazy, createContext, Suspense, useContext, useState, useEffect, useCallback } from 'react';
+import React2, { lazy, createContext, Suspense, useContext, useReducer, useRef, useEffect, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import consola from 'consola';
 
@@ -114,15 +114,12 @@ var substituteUrlParameters = /* @__PURE__ */ __name((url, parameters) => {
   return substitutedUrl;
 }, "substituteUrlParameters");
 var createInitialState = /* @__PURE__ */ __name(() => ({
-  // Step management
   currentStep: "endpoints",
   steps: ["endpoints", "request", "response"],
-  // Endpoint selection
   selectedEndpoint: null,
   selectedCategory: "All",
   searchTerm: "",
   selectedVersion: getDefaultVersion().id,
-  // Request configuration
   requestUrl: "",
   requestMethod: "GET",
   requestHeaders: '{\n  "Content-Type": "application/json"\n}',
@@ -130,171 +127,168 @@ var createInitialState = /* @__PURE__ */ __name(() => ({
   selectedApiKey: null,
   manualApiToken: "",
   parameters: {},
-  // Response
   response: null,
   loading: false,
-  // UI state
   sidebarOpen: false
-  // kept for API compat
 }), "createInitialState");
+function reducer(state, action) {
+  switch (action.type) {
+    case "SET_STEP":
+      return { ...state, currentStep: action.step };
+    case "NEXT_STEP": {
+      const i = state.steps.indexOf(state.currentStep);
+      return i < state.steps.length - 1 ? { ...state, currentStep: state.steps[i + 1] } : state;
+    }
+    case "PREV_STEP": {
+      const i = state.steps.indexOf(state.currentStep);
+      return i > 0 ? { ...state, currentStep: state.steps[i - 1] } : state;
+    }
+    case "SELECT_ENDPOINT":
+      if (!action.endpoint) return { ...state, selectedEndpoint: null };
+      return {
+        ...state,
+        selectedEndpoint: action.endpoint,
+        requestMethod: action.endpoint.method,
+        requestUrl: action.endpoint.path,
+        parameters: {},
+        currentStep: "request"
+      };
+    case "SET_CATEGORY":
+      return { ...state, selectedCategory: action.category };
+    case "SET_SEARCH":
+      return { ...state, searchTerm: action.term };
+    case "SET_VERSION":
+      return { ...state, selectedVersion: action.version };
+    case "SET_REQUEST_URL":
+      return { ...state, requestUrl: action.url };
+    case "SET_REQUEST_METHOD":
+      return { ...state, requestMethod: action.method };
+    case "SET_REQUEST_HEADERS":
+      return { ...state, requestHeaders: action.headers };
+    case "SET_REQUEST_BODY":
+      return { ...state, requestBody: action.body };
+    case "SET_API_KEY":
+      return { ...state, selectedApiKey: action.apiKeyId };
+    case "SET_MANUAL_TOKEN":
+      return { ...state, manualApiToken: action.token };
+    case "SET_PARAMETERS":
+      return { ...state, parameters: action.parameters };
+    case "SET_RESPONSE":
+      return { ...state, response: action.response };
+    case "SET_LOADING":
+      return { ...state, loading: action.loading };
+    case "REQUEST_START":
+      return { ...state, loading: true, response: null };
+    case "REQUEST_SUCCESS":
+      return { ...state, loading: false, response: action.response, currentStep: "response" };
+    case "REQUEST_ERROR":
+      return { ...state, loading: false, response: action.response };
+    case "SET_SIDEBAR":
+      return { ...state, sidebarOpen: action.open };
+    case "SYNC_API_KEY_HEADER":
+      return { ...state, requestHeaders: action.headers };
+    case "CLEAR_API_KEY_SELECTION":
+      return { ...state, selectedApiKey: null };
+    case "SYNC_URL":
+      return { ...state, requestUrl: action.url };
+    case "RESET":
+      return createInitialState();
+    default:
+      return state;
+  }
+}
+__name(reducer, "reducer");
 var PlaygroundContext = createContext(void 0);
 var usePlaygroundContext = /* @__PURE__ */ __name(() => {
   const context = useContext(PlaygroundContext);
-  if (!context) {
-    throw new Error("usePlaygroundContext must be used within a PlaygroundProvider");
-  }
+  if (!context) throw new Error("usePlaygroundContext must be used within a PlaygroundProvider");
   return context;
 }, "usePlaygroundContext");
 var PlaygroundProvider = /* @__PURE__ */ __name(({ children, config }) => {
-  const [state, setState] = useState(() => createInitialState());
+  const [state, dispatch] = useReducer(reducer, void 0, createInitialState);
+  const abortControllerRef = useRef(null);
   const apiKeys = React2.useMemo(() => [], []);
   const isLoadingApiKeys = false;
-  const updateState = /* @__PURE__ */ __name((updates) => {
-    setState((prev) => ({ ...prev, ...updates }));
-  }, "updateState");
   useEffect(() => {
     if (apiKeys.length > 0 && !state.selectedApiKey) {
-      updateState({ selectedApiKey: apiKeys[0]?.id || null });
+      dispatch({ type: "SET_API_KEY", apiKeyId: apiKeys[0]?.id || null });
     }
   }, [apiKeys, isLoadingApiKeys, state.selectedApiKey]);
   useEffect(() => {
     try {
-      setState((prev) => {
-        const headers = parseRequestHeaders(prev.requestHeaders);
-        let hasChanged = false;
-        if (prev.selectedApiKey) {
-          const apiKey = apiKeys.find((k) => k.id === prev.selectedApiKey);
-          if (apiKey) {
-            if (headers["X-API-Key"] !== apiKey.id) {
-              headers["X-API-Key"] = apiKey.id;
-              hasChanged = true;
-            }
-          } else {
-            return { ...prev, selectedApiKey: null };
-          }
-        } else {
-          if (headers["X-API-Key"]) {
-            delete headers["X-API-Key"];
-            hasChanged = true;
-          }
+      const headers = parseRequestHeaders(state.requestHeaders);
+      if (state.selectedApiKey) {
+        const apiKey = apiKeys.find((k) => k.id === state.selectedApiKey);
+        if (!apiKey) {
+          dispatch({ type: "CLEAR_API_KEY_SELECTION" });
+          return;
         }
-        if (hasChanged) {
-          const updatedHeaders = JSON.stringify(headers, null, 2);
-          return { ...prev, requestHeaders: updatedHeaders };
+        if (headers["X-API-Key"] !== apiKey.id) {
+          headers["X-API-Key"] = apiKey.id;
+          dispatch({ type: "SYNC_API_KEY_HEADER", headers: JSON.stringify(headers, null, 2) });
         }
-        return prev;
-      });
+      } else if (headers["X-API-Key"]) {
+        delete headers["X-API-Key"];
+        dispatch({ type: "SYNC_API_KEY_HEADER", headers: JSON.stringify(headers, null, 2) });
+      }
     } catch (error) {
       consola.error("Error updating headers:", error);
     }
   }, [state.selectedApiKey, apiKeys]);
   useEffect(() => {
-    if (state.selectedEndpoint && state.parameters) {
-      const updatedUrl = substituteUrlParameters(state.selectedEndpoint.path, state.parameters);
-      if (updatedUrl !== state.requestUrl) {
-        updateState({ requestUrl: updatedUrl });
-      }
-    }
-  }, [state.parameters, state.selectedEndpoint, state.requestUrl]);
-  const setCurrentStep = /* @__PURE__ */ __name((step) => {
-    updateState({ currentStep: step });
-  }, "setCurrentStep");
-  const goToNextStep = /* @__PURE__ */ __name(() => {
-    const currentIndex = state.steps.indexOf(state.currentStep);
-    if (currentIndex < state.steps.length - 1) {
-      updateState({ currentStep: state.steps[currentIndex + 1] });
-    }
-  }, "goToNextStep");
-  const goToPreviousStep = /* @__PURE__ */ __name(() => {
-    const currentIndex = state.steps.indexOf(state.currentStep);
-    if (currentIndex > 0) {
-      updateState({ currentStep: state.steps[currentIndex - 1] });
+    if (!state.selectedEndpoint) return;
+    const updated = substituteUrlParameters(state.selectedEndpoint.path, state.parameters);
+    if (updated !== state.requestUrl) {
+      dispatch({ type: "SYNC_URL", url: updated });
     }
-  }, "goToPreviousStep");
-  const setSelectedEndpoint = /* @__PURE__ */ __name((endpoint) => {
-    if (endpoint) {
-      updateState({
-        selectedEndpoint: endpoint,
-        requestMethod: endpoint.method,
-        requestUrl: endpoint.path,
-        parameters: {},
-        // Reset parameters when endpoint changes
-        currentStep: "request"
-      });
-    } else {
-      updateState({ selectedEndpoint: endpoint });
-    }
-  }, "setSelectedEndpoint");
-  const setSelectedCategory = /* @__PURE__ */ __name((category) => {
-    updateState({ selectedCategory: category });
-  }, "setSelectedCategory");
-  const setSearchTerm = /* @__PURE__ */ __name((term) => {
-    updateState({ searchTerm: term });
-  }, "setSearchTerm");
-  const setSelectedVersion = /* @__PURE__ */ __name((version) => {
-    updateState({ selectedVersion: version });
-  }, "setSelectedVersion");
-  const setRequestUrl = /* @__PURE__ */ __name((url) => {
-    updateState({ requestUrl: url });
-  }, "setRequestUrl");
-  const setRequestMethod = /* @__PURE__ */ __name((method) => {
-    updateState({ requestMethod: method });
-  }, "setRequestMethod");
-  const setRequestHeaders = /* @__PURE__ */ __name((headers) => {
-    updateState({ requestHeaders: headers });
-  }, "setRequestHeaders");
-  const setRequestBody = /* @__PURE__ */ __name((body) => {
-    updateState({ requestBody: body });
-  }, "setRequestBody");
-  const setSelectedApiKey = /* @__PURE__ */ __name((apiKeyId) => {
-    updateState({ selectedApiKey: apiKeyId });
-  }, "setSelectedApiKey");
-  const setManualApiToken = /* @__PURE__ */ __name((manualApiToken) => {
-    updateState({ manualApiToken });
-  }, "setManualApiToken");
-  const setParameters = /* @__PURE__ */ __name((parameters) => {
-    updateState({ parameters });
-  }, "setParameters");
-  const setResponse = /* @__PURE__ */ __name((response) => {
-    updateState({ response });
-  }, "setResponse");
-  const setLoading = /* @__PURE__ */ __name((loading) => {
-    updateState({ loading });
-  }, "setLoading");
-  const setSidebarOpen = /* @__PURE__ */ __name((sidebarOpen) => {
-    updateState({ sidebarOpen });
-  }, "setSidebarOpen");
-  const clearAll = useCallback(() => {
-    setState(createInitialState());
-  }, []);
+  }, [state.parameters, state.selectedEndpoint]);
+  const setCurrentStep = useCallback((step) => dispatch({ type: "SET_STEP", step }), []);
+  const goToNextStep = useCallback(() => dispatch({ type: "NEXT_STEP" }), []);
+  const goToPreviousStep = useCallback(() => dispatch({ type: "PREV_STEP" }), []);
+  const setSelectedEndpoint = useCallback((endpoint) => dispatch({ type: "SELECT_ENDPOINT", endpoint }), []);
+  const setSelectedCategory = useCallback((category) => dispatch({ type: "SET_CATEGORY", category }), []);
+  const setSearchTerm = useCallback((term) => dispatch({ type: "SET_SEARCH", term }), []);
+  const setSelectedVersion = useCallback((version) => dispatch({ type: "SET_VERSION", version }), []);
+  const setRequestUrl = useCallback((url) => dispatch({ type: "SET_REQUEST_URL", url }), []);
+  const setRequestMethod = useCallback((method) => dispatch({ type: "SET_REQUEST_METHOD", method }), []);
+  const setRequestHeaders = useCallback((headers) => dispatch({ type: "SET_REQUEST_HEADERS", headers }), []);
+  const setRequestBody = useCallback((body) => dispatch({ type: "SET_REQUEST_BODY", body }), []);
+  const setSelectedApiKey = useCallback((apiKeyId) => dispatch({ type: "SET_API_KEY", apiKeyId }), []);
+  const setManualApiToken = useCallback((token) => dispatch({ type: "SET_MANUAL_TOKEN", token }), []);
+  const setParameters = useCallback((parameters) => dispatch({ type: "SET_PARAMETERS", parameters }), []);
+  const setResponse = useCallback((response) => dispatch({ type: "SET_RESPONSE", response }), []);
+  const setLoading = useCallback((loading) => dispatch({ type: "SET_LOADING", loading }), []);
+  const setSidebarOpen = useCallback((open) => dispatch({ type: "SET_SIDEBAR", open }), []);
+  const clearAll = useCallback(() => dispatch({ type: "RESET" }), []);
   const sendRequest = useCallback(async () => {
     if (!state.requestUrl) {
       consola.error("No URL provided");
       return;
     }
-    setLoading(true);
-    setResponse(null);
+    abortControllerRef.current?.abort();
+    const controller = new AbortController();
+    abortControllerRef.current = controller;
+    dispatch({ type: "REQUEST_START" });
+    const startTime = Date.now();
     try {
       const headers = parseRequestHeaders(state.requestHeaders);
       let bearerToken = null;
       if (state.manualApiToken) {
         bearerToken = state.manualApiToken;
-      } else {
-        if (typeof window !== "undefined") {
-          bearerToken = window.localStorage.getItem("auth_token");
-        }
-      }
-      if (bearerToken) {
-        headers["Authorization"] = `Bearer ${bearerToken}`;
+      } else if (typeof window !== "undefined") {
+        bearerToken = window.localStorage.getItem("auth_token");
       }
+      if (bearerToken) headers["Authorization"] = `Bearer ${bearerToken}`;
       const requestOptions = {
         method: state.requestMethod,
-        headers
+        headers,
+        signal: controller.signal
       };
       if (state.requestBody && state.requestMethod !== "GET") {
         requestOptions.body = state.requestBody;
       }
       const response = await fetch(state.requestUrl, requestOptions);
+      const duration = Date.now() - startTime;
       const responseText = await response.text();
       let responseData;
       try {
@@ -302,39 +296,41 @@ var PlaygroundProvider = /* @__PURE__ */ __name(({ children, config }) => {
       } catch {
         responseData = responseText;
       }
-      setResponse({
-        status: response.status,
-        statusText: response.statusText,
-        headers: Object.fromEntries(response.headers.entries()),
-        data: responseData
+      dispatch({
+        type: "REQUEST_SUCCESS",
+        response: {
+          status: response.status,
+          statusText: response.statusText,
+          headers: Object.fromEntries(response.headers.entries()),
+          data: responseData,
+          duration
+        }
       });
-      consola.success(`Request successful: ${state.requestMethod} ${state.requestUrl}`);
-      updateState({ currentStep: "response" });
+      consola.success(`${state.requestMethod} ${state.requestUrl} \u2192 ${response.status} (${duration}ms)`);
     } catch (error) {
+      if (error instanceof DOMException && error.name === "AbortError") return;
       consola.error("Request failed:", error);
-      setResponse({
-        error: error instanceof Error ? error.message : "Request failed"
+      dispatch({
+        type: "REQUEST_ERROR",
+        response: {
+          error: error instanceof Error ? error.message : "Request failed",
+          duration: Date.now() - startTime
+        }
       });
-    } finally {
-      setLoading(false);
     }
-  }, [state, setLoading, setResponse]);
+  }, [state.requestUrl, state.requestHeaders, state.manualApiToken, state.requestMethod, state.requestBody]);
   const contextValue = {
-    // State
     state,
     config,
     apiKeys,
     apiKeysLoading: isLoadingApiKeys,
-    // Step management
     setCurrentStep,
     goToNextStep,
     goToPreviousStep,
-    // Endpoint management
     setSelectedEndpoint,
     setSelectedCategory,
     setSearchTerm,
     setSelectedVersion,
-    // Request management
     setRequestUrl,
     setRequestMethod,
     setRequestHeaders,
@@ -342,12 +338,9 @@ var PlaygroundProvider = /* @__PURE__ */ __name(({ children, config }) => {
     setSelectedApiKey,
     setManualApiToken,
     setParameters,
-    // Response management
     setResponse,
     setLoading,
-    // UI management
     setSidebarOpen,
-    // Actions
     clearAll,
     sendRequest
   };
@@ -355,5 +348,5 @@ var PlaygroundProvider = /* @__PURE__ */ __name(({ children, config }) => {
 }, "PlaygroundProvider");
 
 export { PlaygroundProvider, PrettyCode_default, deduplicateEndpoints, findApiKeyById, isValidJson, parseRequestHeaders, usePlaygroundContext };
-//# sourceMappingURL=chunk-FX3GCEUL.mjs.map
-//# sourceMappingURL=chunk-FX3GCEUL.mjs.map
+//# sourceMappingURL=chunk-QZ55LYK2.mjs.map
+//# sourceMappingURL=chunk-QZ55LYK2.mjs.map