zudoku 0.0.0-feat-bundled-types.9aa135e → 0.0.0-feat-openapi-docs-redesign.dab3fc6a

package/dist/lib/plugins/openapi/playground/request-panel/useKeyValueFieldManager.js

@@ -0,0 +1,205 @@
+import { startTransition, useCallback, useEffect, useRef, } from "react";
+import { useFieldArray, useFormContext } from "react-hook-form";
+export const useKeyValueFieldManager = (options) => {
+    const { control, name, defaultValue, isEmpty: customIsEmpty, shouldSetActive: customShouldSetActive, } = options;
+    const { setValue: internalSetValue, watch, setFocus, register, } = useFormContext();
+    const { fields, append, remove } = useFieldArray({ control, name });
+    const watchedFields = watch(name);
+    const lastEditedIndexRef = useRef(-1);
+    const prevLengthRef = useRef(-1);
+    const setValue = useCallback((index, field, value, options) => {
+        if (field === "value" || field === "name") {
+            lastEditedIndexRef.current = index;
+        }
+        // biome-ignore lint/suspicious/noExplicitAny: Can't infer the type of the value here
+        internalSetValue(`${name}.${index}.${field}`, value);
+        if (options?.focus === "next") {
+            setFocus(field === "name"
+                ? `${name}.${index}.value`
+                : `${name}.${index + 1}.name`);
+        }
+        else if (options?.focus === "previous") {
+            setFocus(field === "name"
+                ? `${name}.${index - 1}.value`
+                : `${name}.${index}.name`);
+        }
+    }, [name, internalSetValue, setFocus]);
+    const isEmpty = useCallback((item) => {
+        if (customIsEmpty)
+            return customIsEmpty(item);
+        return !item.name && !item.value;
+    }, [customIsEmpty]);
+    const shouldSetActive = useCallback((item) => {
+        if (customShouldSetActive)
+            return customShouldSetActive(item);
+        return Boolean(item.name || item.value);
+    }, [customShouldSetActive]);
+    // Handle auto append/remove of rows
+    useEffect(() => {
+        if (!watchedFields)
+            return;
+        // Prevents double-appending in Strict Mode
+        if (prevLengthRef.current === -1) {
+            prevLengthRef.current = watchedFields.length;
+            if (watchedFields.length === 0) {
+                // biome-ignore lint/suspicious/noExplicitAny: Generic field array type
+                append(defaultValue, {
+                    shouldFocus: false,
+                });
+            }
+            return;
+        }
+        prevLengthRef.current = watchedFields.length;
+        // If no fields, append one
+        if (watchedFields.length === 0) {
+            // biome-ignore lint/suspicious/noExplicitAny: Generic field array type
+            append(defaultValue, {
+                shouldFocus: false,
+            });
+            return;
+        }
+        // Auto-remove empty fields (except the last one, keep at least one)
+        if (watchedFields.length > 1) {
+            const emptyIndices = [];
+            // Check all fields except the last one
+            for (let i = 0; i < watchedFields.length - 1; i++) {
+                const field = watchedFields[i];
+                if (field && isEmpty(field) && !shouldSetActive(field)) {
+                    emptyIndices.push(i);
+                }
+            }
+            // Remove from highest index to lowest to avoid index shifting
+            if (emptyIndices.length > 0) {
+                const lowestRemovedIndex = emptyIndices[0];
+                if (lowestRemovedIndex === undefined)
+                    return;
+                for (let i = emptyIndices.length - 1; i >= 0; i--) {
+                    const indexToRemove = emptyIndices[i];
+                    if (indexToRemove !== undefined) {
+                        remove(indexToRemove);
+                    }
+                }
+                // If we just edited this field, focus the name field at the same index
+                // (which now contains what was the next row), or previous row if needed
+                if (lastEditedIndexRef.current === lowestRemovedIndex) {
+                    const newLength = watchedFields.length - emptyIndices.length;
+                    if (lowestRemovedIndex < newLength) {
+                        // Next row moved into this position, focus its name field
+                        setFocus(`${name}.${lowestRemovedIndex}.name`);
+                    }
+                    else if (lowestRemovedIndex > 0) {
+                        // Removed row was at the end, focus previous row's name
+                        setFocus(`${name}.${lowestRemovedIndex - 1}.name`);
+                    }
+                    else {
+                        setFocus(`${name}.0.name`);
+                    }
+                }
+                lastEditedIndexRef.current = -1;
+            }
+        }
+        // If last field has content, append empty one
+        const lastField = watchedFields[watchedFields.length - 1];
+        if (lastField && !isEmpty(lastField)) {
+            // biome-ignore lint/suspicious/noExplicitAny: Generic field array type
+            append(defaultValue, {
+                shouldFocus: false,
+            });
+        }
+    }, [
+        watchedFields,
+        append,
+        remove,
+        defaultValue,
+        isEmpty,
+        name,
+        setFocus,
+        shouldSetActive,
+    ]);
+    // Auto set active state of row checkbox
+    useEffect(() => {
+        if (!watchedFields)
+            return;
+        const updates = [];
+        for (let i = 0; i < watchedFields.length; i++) {
+            const field = watchedFields[i];
+            if (!field)
+                continue;
+            const shouldBeActive = shouldSetActive(field);
+            if (field.active === shouldBeActive)
+                continue;
+            updates.push(() => setValue(i, "active", shouldBeActive));
+        }
+        if (updates.length === 0)
+            return;
+        startTransition(() => updates.forEach((update) => update()));
+    }, [watchedFields, shouldSetActive, setValue]);
+    const isFieldEmpty = useCallback((index) => {
+        const field = watchedFields?.[index];
+        return field ? isEmpty(field) : true;
+    }, [watchedFields, isEmpty]);
+    const createKeyDownHandler = useCallback((index, field) => {
+        const next = field === "name"
+            ? `${name}.${index}.value`
+            : `${name}.${index + 1}.name`;
+        const previous = field === "name"
+            ? `${name}.${index - 1}.value`
+            : `${name}.${index}.name`;
+        const canNavigatePrevious = field === "value" || index > 0;
+        return (e) => {
+            if (!(e.target instanceof HTMLInputElement))
+                return;
+            const isAtStart = e.target.selectionStart === 0;
+            const isAtEnd = e.target.selectionStart === e.target.value.length;
+            const isEmpty = !e.target.value;
+            if (e.key === "Enter") {
+                setFocus(next);
+            }
+            else if (e.key === "Backspace" && isEmpty && canNavigatePrevious) {
+                e.preventDefault();
+                setFocus(previous);
+            }
+            else if (e.key === "ArrowLeft" && isAtStart && canNavigatePrevious) {
+                e.preventDefault();
+                setFocus(previous);
+            }
+            else if (e.key === "ArrowRight" && isAtEnd) {
+                e.preventDefault();
+                setFocus(next);
+            }
+        };
+    }, [name, setFocus]);
+    const getNameInputProps = useCallback((index) => ({
+        ...register(`${name}.${index}.name`),
+        onChange: (e) => setValue(index, "name", e.target.value),
+        onKeyDown: createKeyDownHandler(index, "name"),
+    }), [register, name, setValue, createKeyDownHandler]);
+    const getValueInputProps = useCallback((index) => ({
+        ...register(`${name}.${index}.value`),
+        onChange: (e) => setValue(index, "value", e.target.value),
+        onKeyDown: createKeyDownHandler(index, "value"),
+    }), [register, name, setValue, createKeyDownHandler]);
+    const getCheckboxProps = useCallback((index) => ({
+        ...register(`${name}.${index}.active`),
+        checked: watch(`${name}.${index}.active`) ?? false,
+        disabled: isFieldEmpty(index),
+        onCheckedChange: (checked) => {
+            setValue(index, "active", checked === true);
+        },
+    }), [name, register, isFieldEmpty, watch, setValue]);
+    const getValue = useCallback((index, field) => watchedFields?.[index]?.[field], [watchedFields]);
+    const getRemoveButtonProps = useCallback((index) => ({
+        onClick: () => remove(index),
+        disabled: index === fields.length - 1,
+    }), [remove, fields.length]);
+    return {
+        fields,
+        getNameInputProps,
+        getValueInputProps,
+        getCheckboxProps,
+        getRemoveButtonProps,
+        setValue,
+        getValue,
+    };
+};
+//# sourceMappingURL=useKeyValueFieldManager.js.map

package/dist/lib/plugins/openapi/playground/request-panel/useKeyValueFieldManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyValueFieldManager.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/request-panel/useKeyValueFieldManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,eAAe,EACf,WAAW,EACX,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAyDhE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAKrC,OAAsD,EACZ,EAAE;IAC5C,MAAM,EACJ,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,OAAO,EAAE,aAAa,EACtB,eAAe,EAAE,qBAAqB,GACvC,GAAG,OAAO,CAAC;IACZ,MAAM,EACJ,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,GAAG,cAAc,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACpE,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAQ,CAAC;IACzC,MAAM,kBAAkB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjC,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;QAC/B,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;YAC1C,kBAAkB,CAAC,OAAO,GAAG,KAAK,CAAC;QACrC,CAAC;QAED,qFAAqF;QACrF,gBAAgB,CAAC,GAAG,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE,EAAE,KAAY,CAAC,CAAC;QAE5D,IAAI,OAAO,EAAE,KAAK,KAAK,MAAM,EAAE,CAAC;YAC9B,QAAQ,CACN,KAAK,KAAK,MAAM;gBACd,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,QAAQ;gBAC1B,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,GAAG,CAAC,OAAO,CAChC,CAAC;QACJ,CAAC;aAAM,IAAI,OAAO,EAAE,KAAK,KAAK,UAAU,EAAE,CAAC;YACzC,QAAQ,CACN,KAAK,KAAK,MAAM;gBACd,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,GAAG,CAAC,QAAQ;gBAC9B,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,OAAO,CAC5B,CAAC;QACJ,CAAC;IACH,CAAC,EACD,CAAC,IAAI,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CACnC,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,IAAO,EAAE,EAAE;QACV,IAAI,aAAa;YAAE,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;QAC9C,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;IACnC,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,IAAO,EAAE,EAAE;QACV,IAAI,qBAAqB;YAAE,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAC9D,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EACD,CAAC,qBAAqB,CAAC,CACxB,CAAC;IAEF,oCAAoC;IACpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa;YAAE,OAAO;QAE3B,2CAA2C;QAC3C,IAAI,aAAa,CAAC,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC;YACjC,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;YAE7C,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC/B,uEAAuE;gBACvE,MAAM,CAAC,YAAmB,EAAE;oBAC1B,WAAW,EAAE,KAAK;iBACnB,CAAC,CAAC;YACL,CAAC;YACD,OAAO;QACT,CAAC;QAED,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;QAE7C,2BAA2B;QAC3B,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/B,uEAAuE;YACvE,MAAM,CAAC,YAAmB,EAAE;gBAC1B,WAAW,EAAE,KAAK;aACnB,CAAC,CAAC;YACH,OAAO;QACT,CAAC;QAED,oEAAoE;QACpE,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7B,MAAM,YAAY,GAAa,EAAE,CAAC;YAElC,uCAAuC;YACvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;gBAClD,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;gBAC/B,IAAI,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;oBACvD,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACvB,CAAC;YACH,CAAC;YAED,8DAA8D;YAC9D,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5B,MAAM,kBAAkB,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;gBAE3C,IAAI,kBAAkB,KAAK,SAAS;oBAAE,OAAO;gBAE7C,KAAK,IAAI,CAAC,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBAClD,MAAM,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;oBACtC,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;wBAChC,MAAM,CAAC,aAAa,CAAC,CAAC;oBACxB,CAAC;gBACH,CAAC;gBAED,uEAAuE;gBACvE,wEAAwE;gBACxE,IAAI,kBAAkB,CAAC,OAAO,KAAK,kBAAkB,EAAE,CAAC;oBACtD,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;oBAE7D,IAAI,kBAAkB,GAAG,SAAS,EAAE,CAAC;wBACnC,0DAA0D;wBAC1D,QAAQ,CAAC,GAAG,IAAI,IAAI,kBAAkB,OAAO,CAAC,CAAC;oBACjD,CAAC;yBAAM,IAAI,kBAAkB,GAAG,CAAC,EAAE,CAAC;wBAClC,wDAAwD;wBACxD,QAAQ,CAAC,GAAG,IAAI,IAAI,kBAAkB,GAAG,CAAC,OAAO,CAAC,CAAC;oBACrD,CAAC;yBAAM,CAAC;wBACN,QAAQ,CAAC,GAAG,IAAI,SAAS,CAAC,CAAC;oBAC7B,CAAC;gBACH,CAAC;gBACD,kBAAkB,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;YAClC,CAAC;QACH,CAAC;QAED,8CAA8C;QAC9C,MAAM,SAAS,GAAG,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC1D,IAAI,SAAS,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,uEAAuE;YACvE,MAAM,CAAC,YAAmB,EAAE;gBAC1B,WAAW,EAAE,KAAK;aACnB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE;QACD,aAAa;QACb,MAAM;QACN,MAAM;QACN,YAAY;QACZ,OAAO;QACP,IAAI;QACJ,QAAQ;QACR,eAAe;KAChB,CAAC,CAAC;IAEH,wCAAwC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa;YAAE,OAAO;QAE3B,MAAM,OAAO,GAAsB,EAAE,CAAC;QAEtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9C,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAI,CAAC,KAAK;gBAAE,SAAS;YAErB,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;YAC9C,IAAI,KAAK,CAAC,MAAM,KAAK,cAAc;gBAAE,SAAS;YAE9C,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;QAC5D,CAAC;QAED,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAEjC,eAAe,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACvC,CAAC,EACD,CAAC,aAAa,EAAE,OAAO,CAAC,CACzB,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,KAAa,EAAE,KAAuB,EAAE,EAAE;QACzC,MAAM,IAAI,GACR,KAAK,KAAK,MAAM;YACd,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,QAAQ;YAC1B,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,GAAG,CAAC,OAAO,CAAC;QAElC,MAAM,QAAQ,GACZ,KAAK,KAAK,MAAM;YACd,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,GAAG,CAAC,QAAQ;YAC9B,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,OAAO,CAAC;QAC9B,MAAM,mBAAmB,GAAG,KAAK,KAAK,OAAO,IAAI,KAAK,GAAG,CAAC,CAAC;QAE3D,OAAO,CAAC,CAAkC,EAAE,EAAE;YAC5C,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,YAAY,gBAAgB,CAAC;gBAAE,OAAO;YAEpD,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,cAAc,KAAK,CAAC,CAAC;YAChD,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,cAAc,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;YAClE,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAEhC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACtB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,OAAO,IAAI,mBAAmB,EAAE,CAAC;gBACnE,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,SAAS,IAAI,mBAAmB,EAAE,CAAC;gBACrE,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,IAAI,OAAO,EAAE,CAAC;gBAC7C,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,IAAI,EAAE,QAAQ,CAAC,CACjB,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACV,GAAG,QAAQ,CAAC,GAAG,IAAI,IAAI,KAAK,OAAO,CAAC;QACpC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACxD,SAAS,EAAE,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC;KAC/C,CAAC,EACF,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,oBAAoB,CAAC,CACjD,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACV,GAAG,QAAQ,CAAC,GAAG,IAAI,IAAI,KAAK,QAAQ,CAAC;QACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACzD,SAAS,EAAE,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC;KAChD,CAAC,EACF,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,oBAAoB,CAAC,CACjD,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACV,GAAG,QAAQ,CAAC,GAAG,IAAI,IAAI,KAAK,SAAS,CAAC;QACtC,OAAO,EAAE,KAAK,CAAC,GAAG,IAAI,IAAI,KAAK,SAAS,CAAC,IAAI,KAAK;QAClD,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC;QAC7B,eAAe,EAAE,CAAC,OAAgB,EAAE,EAAE;YACpC,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;QAC9C,CAAC;KACF,CAAC,EACF,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,CAChD,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EACjD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC;QAClB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;QAC5B,QAAQ,EAAE,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC;KACtC,CAAC,EACF,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CACxB,CAAC;IAEF,OAAO;QACL,MAAM;QACN,iBAAiB;QACjB,kBAAkB;QAClB,gBAAgB;QAChB,oBAAoB;QACpB,QAAQ;QACR,QAAQ;KACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/playground/result-panel/Highlight.d.ts

@@ -0,0 +1,12 @@
+export declare const Highlight: {
+    ({ code, language, children, }: {
+        code?: string;
+        children?: never;
+        language?: string;
+    } | {
+        code?: never;
+        children: string;
+        language: string;
+    }): JSX.Element;
+    displayName: string;
+};

package/dist/lib/plugins/openapi/playground/result-panel/Highlight.js

@@ -0,0 +1,11 @@
+import { useZudoku } from "../../../../components/context/ZudokuContext.js";
+import { highlight } from "../../../../shiki.js";
+import invariant from "../../../../util/invariant.js";
+export const Highlight = ({ code, language, children, }) => {
+    const { syntaxHighlighting } = useZudoku().options;
+    invariant(syntaxHighlighting?.highlighter, "Highlighter not found");
+    const highlightedCode = highlight(syntaxHighlighting.highlighter, code ?? children ?? "", language, syntaxHighlighting.themes);
+    return highlightedCode;
+};
+Highlight.displayName = "Highlight";
+//# sourceMappingURL=Highlight.js.map

package/dist/lib/plugins/openapi/playground/result-panel/Highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/result-panel/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AAEtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,GAG8C,EAAE,EAAE;IAC1D,MAAM,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC;IAEnD,SAAS,CAAC,kBAAkB,EAAE,WAAW,EAAE,uBAAuB,CAAC,CAAC;IAEpE,MAAM,eAAe,GAAG,SAAS,CAC/B,kBAAkB,CAAC,WAAW,EAC9B,IAAI,IAAI,QAAQ,IAAI,EAAE,EACtB,QAAQ,EACR,kBAAkB,CAAC,MAAM,CAC1B,CAAC;IAEF,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/lib/plugins/openapi/playground/result-panel/ResponseStatusBar.d.ts

@@ -0,0 +1,8 @@
+export declare const ResponseStatusBar: ({ status, time, size, isFinished, progress, }: {
+    status?: number;
+    time?: number;
+    size?: number;
+    isFinished: boolean;
+    progress: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ResponseStatusBar;

package/dist/lib/plugins/openapi/playground/result-panel/ResponseStatusBar.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useLayoutEffect, useRef } from "react";
+import { humanFileSize } from "../../../../util/humanFileSize.js";
+const ResponseCodeCircle = ({ status }) => {
+    if (!status)
+        return _jsx("div", { className: "w-2 h-2 rounded-full bg-gray-500" });
+    switch (Number(status.toString().slice(0, 1))) {
+        case 2:
+            return _jsx("div", { className: "w-2 h-2 rounded-full bg-green-500" });
+        case 4:
+            return _jsx("div", { className: "w-2 h-2 rounded-full bg-yellow-400" });
+        case 5:
+            return _jsx("div", { className: "w-2 h-2 rounded-full bg-red-500" });
+        default:
+            return _jsx("div", { className: "w-2 h-2 rounded-full bg-gray-500" });
+    }
+};
+const RealTimeCounter = () => {
+    const spanRef = useRef(null);
+    const textRef = useRef(null);
+    const startTimeRef = useRef(Date.now());
+    const animationFrameRef = useRef(null);
+    const updateTime = useCallback(() => {
+        if (textRef.current) {
+            const elapsed = Date.now() - startTimeRef.current;
+            textRef.current.nodeValue = elapsed.toFixed();
+        }
+        animationFrameRef.current = requestAnimationFrame(updateTime);
+    }, []);
+    useLayoutEffect(() => {
+        const currentSpanRef = spanRef.current;
+        if (!currentSpanRef)
+            return;
+        // Create a text node and attach it to the span
+        const textNode = document.createTextNode("0");
+        currentSpanRef.appendChild(textNode);
+        textRef.current = textNode;
+        // Start the real-time counter
+        startTimeRef.current = Date.now();
+        animationFrameRef.current = requestAnimationFrame(updateTime);
+        return () => {
+            if (animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+            }
+            if (textRef.current && currentSpanRef.contains(textNode)) {
+                currentSpanRef.removeChild(textNode);
+            }
+        };
+    }, [updateTime]);
+    return _jsx("span", { className: "inline-block text-end w-[3ch]", ref: spanRef });
+};
+export const ResponseStatusBar = ({ status, time, size, isFinished, progress, }) => {
+    const statusCodeMap = {
+        200: "OK",
+        201: "Created",
+        202: "Accepted",
+        204: "No Content",
+        400: "Bad Request",
+        401: "Unauthorized",
+        403: "Forbidden",
+        404: "Not Found",
+        405: "Method Not Allowed",
+        500: "Internal Server Error",
+    };
+    return (_jsxs("div", { className: "relative shrink-0 flex h-10 text-xs gap-4 px-4 items-center justify-between font-mono border-b", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ResponseCodeCircle, { status: status }), " ", status ?? "Sending Request...", status ? ` ${statusCodeMap[status]}` : ""] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Size" }), " ", _jsx("span", { className: "inline-block text-end min-w-[5ch]", children: size ? humanFileSize(size) : "- B" })] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Time" }), " ", time !== undefined ? `${time.toFixed(0)}` : _jsx(RealTimeCounter, {}), "ms"] })] }), _jsx("div", { className: "h-full bg-neutral-500/10 absolute left-0 bottom-0 z-10 transition-all duration-200 ease-in-out", style: {
+                    opacity: isFinished ? 0 : 1,
+                    width: isFinished ? 0 : `${progress * 100}%`,
+                } })] }));
+};
+export default ResponseStatusBar;
+//# sourceMappingURL=ResponseStatusBar.js.map

package/dist/lib/plugins/openapi/playground/result-panel/ResponseStatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseStatusBar.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/result-panel/ResponseStatusBar.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/playground/result-panel/ResponseTab.d.ts

@@ -1,10 +1,13 @@
-export declare const ResponseTab: ({ body, headers, status, time, size, url, isBinary, fileName, blob, }: {
+export declare const ResponseTab: ({ body, headers, request, size, isBinary, fileName, blob, }: {
     body?: string;
     headers: Array<[string, string]>;
-    status: number;
-    time: number;
+    request: {
+        method: string;
+        url: string;
+        headers: Array<[string, string]>;
+        body?: string;
+    };
     size: number;
-    url: string;
     isBinary?: boolean;
     fileName?: string;
     blob?: Blob;

package/dist/lib/plugins/openapi/playground/result-panel/ResponseTab.js

@@ -1,27 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
-import { ChevronRightIcon, DownloadIcon } from "lucide-react";
-import { Fragment, useState } from "react";
+import { CornerDownLeftIcon, CornerDownRightIcon, DownloadIcon, EyeIcon, EyeOffIcon, MinusCircleIcon, PlusCircleIcon, SquareCodeIcon, } from "lucide-react";
+import { useState } from "react";
 import { Button } from "zudoku/ui/Button.js";
-import { Callout } from "zudoku/ui/Callout.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "zudoku/ui/Collapsible.js";
+import { SecretText } from "zudoku/ui/Secret.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "zudoku/ui/Select.js";
-import { Card } from "../../../../ui/Card.js";
-import { SyntaxHighlight } from "../../../../ui/SyntaxHighlight.js";
+import { SyntaxHighlight } from "zudoku/ui/SyntaxHighlight.js";
+import { cn } from "../../../../util/cn.js";
+import createVariantComponent from "../../../../util/createVariantComponent.js";
 import { humanFileSize } from "../../../../util/humanFileSize.js";
+import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "../CollapsibleHeader.js";
 import { convertToTypes } from "./convertToTypes.js";
-const statusCodeMap = {
-    200: "OK",
-    201: "Created",
-    202: "Accepted",
-    204: "No Content",
-    400: "Bad Request",
-    401: "Unauthorized",
-    403: "Forbidden",
-    404: "Not Found",
-    405: "Method Not Allowed",
-    500: "Internal Server Error",
-};
 const mimeTypeToLanguage = (mimeType) => {
     const mimeTypeMapping = {
         "application/json": "json",
@@ -35,7 +25,7 @@ const mimeTypeToLanguage = (mimeType) => {
     return Object.entries(mimeTypeMapping).find(([mime]) => mimeType.includes(mime))?.[1];
 };
 const detectLanguage = (headers) => {
-    const contentType = headers.find(([key, value]) => key === "Content-Type")?.[1] || "";
+    const contentType = headers.find(([key]) => key.toLowerCase() === "content-type")?.[1] || "";
     return mimeTypeToLanguage(contentType);
 };
 const tryParseJson = (body) => {
@@ -68,8 +58,20 @@ const sortHeadersByRelevance = (headers) => {
         return indexA - indexB;
     });
 };
-const SYNTAX_HIGHLIGHT_MAX_SIZE_THRESHOLD = 64_000;
-export const ResponseTab = ({ body = "", headers, status, time, size, url, isBinary = false, fileName, blob, }) => {
+const MAX_HEADERS_TO_SHOW = 3;
+const Row = createVariantComponent("div", "grid-cols-subgrid grid border-b col-span-full px-4 py-1.5 font-mono text-xs");
+const RowContent = createVariantComponent("div", "py-1 break-words");
+const RowValue = ({ value, header }) => {
+    const secretHeaders = ["authorization", "key", "secret", "token"];
+    const isSecret = secretHeaders.includes(header.toLowerCase());
+    const [revealed, setRevealed] = useState(!isSecret);
+    return (_jsx(RowContent, { className: cn("max-h-28 overflow-auto", isSecret && "cursor-pointer flex group"), onClick: () => {
+            if (isSecret) {
+                setRevealed((prev) => !prev);
+            }
+        }, children: !isSecret ? (value) : (_jsxs(_Fragment, { children: [_jsx(SecretText, { secret: value, previewChars: 0, revealed: revealed }), revealed ? (_jsx(EyeOffIcon, { size: 14, className: cn("hidden group-hover:block") })) : (_jsx(EyeIcon, { size: 14, className: cn("hidden group-hover:block") }))] })) }));
+};
+export const ResponseTab = ({ body = "", headers, request, size, isBinary = false, fileName, blob, }) => {
     const detectedLanguage = detectLanguage(headers);
     const jsonContent = tryParseJson(body);
     const beautifiedBody = jsonContent || body;
@@ -94,17 +96,22 @@ export const ResponseTab = ({ body = "", headers, status, time, size, url, isBin
         }
     };
     const sortedHeaders = sortHeadersByRelevance([...headers]);
-    const shouldDisableHighlighting = size > SYNTAX_HIGHLIGHT_MAX_SIZE_THRESHOLD;
-    return (_jsxs("div", { className: "flex flex-col gap-2 h-full overflow-auto max-h-[calc(100vh-220px)] ", children: [_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleTrigger, { className: "flex items-center gap-2 hover:text-primary group", children: [_jsx(ChevronRightIcon, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }), _jsx("span", { className: "font-semibold", children: "Headers" })] }), _jsx(CollapsibleContent, { children: _jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 ps-1.5 pt-2 font-mono text-xs", children: [sortedHeaders.slice(0, 5).map(([key, value]) => (_jsxs(Fragment, { children: [_jsx("div", { className: "text-primary whitespace-pre", children: key }), _jsx("div", { className: "break-all", children: value })] }, key))), sortedHeaders.length > 5 && (_jsxs(Collapsible, { className: "col-span-full grid-cols-subgrid grid", children: [_jsxs(CollapsibleTrigger, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [_jsx(ChevronRightIcon, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }), "Show ", sortedHeaders.length - 5, " more headers"] }), _jsx(CollapsibleContent, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: sortedHeaders.slice(5).map(([key, value]) => (_jsxs(Fragment, { children: [_jsx("div", { className: "text-primary whitespace-pre", children: key }), _jsx("div", { className: "break-all", children: value })] }, key))) })] }))] }) })] }), _jsx(Card, { className: "shadow-none", children: isBinary ? (_jsx("div", { className: "p-4 text-center", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx("div", { className: "text-lg font-semibold", children: "Binary Content" }), _jsx("div", { className: "text-sm text-muted-foreground", children: "This response contains binary data that cannot be displayed as text." }), _jsxs(Button, { onClick: handleDownload, className: "flex items-center gap-2", disabled: !blob, children: [_jsx(DownloadIcon, { className: "h-4 w-4" }), "Download ", fileName || "file", " (", humanFileSize(size), ")"] })] }) })) : (_jsxs(_Fragment, { children: [shouldDisableHighlighting && (_jsxs(Callout, { type: "info", className: "my-0 p-2", children: ["Code highlight is disabled for responses larger than", " ", humanFileSize(SYNTAX_HIGHLIGHT_MAX_SIZE_THRESHOLD)] })), _jsx(SyntaxHighlight, { language: view === "types"
-                                ? "typescript"
-                                : view === "raw"
-                                    ? jsonContent
-                                        ? "plain"
-                                        : detectedLanguage
-                                    : "json", showCopy: "always", disabled: shouldDisableHighlighting, noBackground: true, className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]", code: (view === "raw"
-                                ? body
-                                : view === "types"
-                                    ? types.data?.lines.join("\n")
-                                    : beautifiedBody) ?? "" })] })) }), _jsxs("div", { className: "flex gap-2 justify-between items-center", children: [_jsxs("div", { className: "flex text-xs gap-5 border bg-muted rounded-md p-2 items-center h-8 font-mono", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Status" }), " ", status, " ", statusCodeMap[status] ?? ""] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Time" }), " ", time.toFixed(0), "ms"] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Size" }), " ", humanFileSize(size)] })] }), jsonContent && !isBinary && (_jsx("div", { children: _jsxs(Select, { value: view, onValueChange: (value) => setView(value), children: [_jsx(SelectTrigger, { className: "min-w-32", children: _jsx(SelectValue, { placeholder: "View" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "formatted", children: "Formatted" }), _jsx(SelectItem, { value: "raw", children: "Raw" }), _jsx(SelectItem, { value: "types", children: "Types" })] })] }) }))] })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(CornerDownRightIcon, { size: 14 }), _jsx(CollapsibleHeader, { children: "Request Headers" })] }), _jsx(CollapsibleContent, { children: _jsxs("div", { className: "grid grid-cols-[2fr_3fr] gap-x-6 text-sm", children: [request.headers
+                                    .slice(0, MAX_HEADERS_TO_SHOW)
+                                    .map(([key, value]) => (_jsxs(Row, { children: [_jsx(RowContent, { children: key }), _jsx(RowValue, { value: value, header: key })] }, key))), request.headers.length > MAX_HEADERS_TO_SHOW && (_jsxs(Collapsible, { className: "col-span-full grid-cols-subgrid grid group", children: [_jsxs(CollapsibleTrigger, { className: "data-[state=open]:hidden justify-center col-span-2 text-xs text-muted-foreground hover:text-primary border-b h-8 flex items-center gap-2", children: ["Show ", request.headers.length - MAX_HEADERS_TO_SHOW, " more headers", _jsx(PlusCircleIcon, { size: 12, className: "text-muted-foreground" })] }), _jsxs(CollapsibleContent, { className: "col-span-full grid grid-cols-subgrid", children: [request.headers
+                                                    .slice(MAX_HEADERS_TO_SHOW)
+                                                    .map(([key, value]) => (_jsxs(Row, { children: [_jsx(RowContent, { children: key }), _jsx(RowValue, { value: value, header: key })] }, key))), _jsxs(CollapsibleTrigger, { className: "justify-center col-span-2 text-xs text-muted-foreground hover:text-primary border-b h-8 flex items-center gap-2", children: ["Hide ", request.headers.length - MAX_HEADERS_TO_SHOW, " headers", _jsx(MinusCircleIcon, { size: 12, className: "text-muted-foreground" })] })] })] }))] }) })] }), _jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(CornerDownLeftIcon, { size: 14 }), _jsx(CollapsibleHeader, { children: "Response Headers" })] }), _jsx(CollapsibleContent, { children: _jsxs("div", { className: "grid grid-cols-[2fr_3fr] gap-x-6 text-sm", children: [sortedHeaders.slice(0, MAX_HEADERS_TO_SHOW).map(([key, value]) => (_jsxs(Row, { children: [_jsx(RowContent, { children: key }), _jsx(RowValue, { value: value, header: key })] }, key))), sortedHeaders.length > MAX_HEADERS_TO_SHOW && (_jsxs(Collapsible, { className: "col-span-full grid-cols-subgrid grid group", children: [_jsxs(CollapsibleTrigger, { className: "data-[state=open]:hidden justify-center col-span-2 text-xs text-muted-foreground hover:text-primary border-b h-8 flex items-center gap-2", children: ["Show ", sortedHeaders.length - MAX_HEADERS_TO_SHOW, " more headers", _jsx(PlusCircleIcon, { size: 12, className: "text-muted-foreground" })] }), _jsxs(CollapsibleContent, { className: "col-span-full grid grid-cols-subgrid", children: [sortedHeaders
+                                                    .slice(MAX_HEADERS_TO_SHOW)
+                                                    .map(([key, value]) => (_jsxs(Row, { children: [_jsx(RowContent, { children: key }), _jsx(RowValue, { value: value, header: key })] }, key))), _jsxs(CollapsibleTrigger, { className: "justify-center col-span-2 text-xs text-muted-foreground hover:text-primary border-b h-8 flex items-center gap-2", children: ["Hide ", sortedHeaders.length - MAX_HEADERS_TO_SHOW, " headers", _jsx(MinusCircleIcon, { size: 12, className: "text-muted-foreground" })] })] })] }))] }) })] }), _jsxs("div", { className: "flex gap-2 justify-between items-center border-b px-2 flex-0", children: [_jsxs(CollapsibleHeader, { className: "flex items-center gap-2", children: [_jsx(SquareCodeIcon, { size: 14 }), "Response body"] }), jsonContent && !isBinary && (_jsxs(Select, { value: view, onValueChange: (value) => setView(value), children: [_jsx(SelectTrigger, { className: "max-w-32 border-0 bg-transparent", children: _jsx(SelectValue, { placeholder: "View" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "formatted", children: "Formatted" }), _jsx(SelectItem, { value: "raw", children: "Raw" }), _jsx(SelectItem, { value: "types", children: "Types" })] })] }))] }), _jsx("div", { className: "flex-1", children: isBinary ? (_jsx("div", { className: "p-4 text-center", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx("div", { className: "text-lg font-semibold", children: "Binary Content" }), _jsx("div", { className: "text-sm text-muted-foreground", children: "This response contains binary data that cannot be displayed as text." }), _jsxs(Button, { onClick: handleDownload, className: "flex items-center gap-2", disabled: !blob, children: [_jsx(DownloadIcon, { className: "h-4 w-4" }), "Download ", fileName || "file", " (", humanFileSize(size), ")"] })] }) })) : (_jsx(SyntaxHighlight, { className: "text-xs flex-1", embedded: true, fullHeight: true, language: view === "types"
+                        ? "typescript"
+                        : view === "raw"
+                            ? jsonContent
+                                ? "plain"
+                                : detectedLanguage
+                            : "json", code: (view === "raw"
+                        ? body
+                        : view === "types"
+                            ? types.data?.lines.join("\n")
+                            : beautifiedBody) ?? "" })) })] }));
 };
 //# sourceMappingURL=ResponseTab.js.map

package/dist/lib/plugins/openapi/playground/result-panel/ResponseTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseTab.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/result-panel/ResponseTab.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ResponseTab.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/result-panel/ResponseTab.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/playground/result-panel/ResultPanel.d.ts

@@ -1,9 +1,11 @@
-import { type UseMutationResult } from "@tanstack/react-query";
-import { type PlaygroundResult } from "../Playground.js";
-export declare const ResultPanel: ({ queryMutation, showPathParamsWarning, showLongRunningWarning, onCancel, }: {
+import type { UseMutationResult } from "@tanstack/react-query";
+import type { PlaygroundResult } from "../Playground.js";
+export declare const ResultPanel: ({ queryMutation, showLongRunningWarning, onCancel, tip, isFinished, progress, }: {
     queryMutation: UseMutationResult<PlaygroundResult, Error, any>;
-    showPathParamsWarning: boolean;
     showLongRunningWarning?: boolean;
     onCancel?: () => void;
+    isFinished: boolean;
+    progress: number;
+    tip?: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ResultPanel;

package/dist/lib/plugins/openapi/playground/result-panel/ResultPanel.js

@@ -1,17 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Spinner } from "../../../../components/Spinner.js";
+import { SendIcon, UnplugIcon } from "lucide-react";
+import { Spinner } from "zudoku/components";
+import { Alert, AlertDescription, AlertTitle } from "zudoku/ui/Alert.js";
 import { Button } from "../../../../ui/Button.js";
-import { Callout } from "../../../../ui/Callout.js";
-import { Card, CardContent, CardHeader, CardTitle, } from "../../../../ui/Card.js";
-import { Tabs, TabsContent, TabsList, TabsTrigger, } from "../../../../ui/Tabs.js";
 import { cn } from "../../../../util/cn.js";
-import { RequestTab } from "./RequestTab.js";
+import ResponseStatusBar from "./ResponseStatusBar.js";
 import { ResponseTab } from "./ResponseTab.js";
-export const ResultPanel = ({ queryMutation, showPathParamsWarning, showLongRunningWarning, onCancel, }) => {
-    const status = ((queryMutation.data?.status ?? 0) / 100).toFixed(0);
-    return (_jsx("div", { className: "min-w-0 p-4 py-4 bg-muted/50", children: queryMutation.error ? (_jsxs("div", { className: "flex flex-col gap-2", children: [showPathParamsWarning && (_jsx(Callout, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." })), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Request failed" }) }), _jsxs(CardContent, { children: ["Error:", " ", queryMutation.error.message ||
-                                    String(queryMutation.error) ||
-                                    "Unexpected error"] })] })] })) : queryMutation.data ? (_jsxs(Tabs, { defaultValue: "response", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "request", children: "Request" }), _jsxs(TabsTrigger, { value: "response", children: ["Response", _jsxs("span", { className: cn("text-xs font-mono ms-1", status === "2" && "text-green-500", status === "3" && "text-blue-500", status === "4" && "text-yellow-500", status === "5" && "text-red-500"), children: ["(", queryMutation.data.status, ")"] })] })] }), _jsx(TabsContent, { value: "request", children: _jsx(RequestTab, { ...queryMutation.data.request }) }), _jsx(TabsContent, { value: "response", children: _jsx(ResponseTab, { status: queryMutation.data.status, time: queryMutation.data.time, size: queryMutation.data.size, headers: queryMutation.data.headers, body: queryMutation.data.body, url: queryMutation.data.request.url, isBinary: queryMutation.data.isBinary, fileName: queryMutation.data.fileName, blob: queryMutation.data.blob }) })] })) : (_jsx("div", { className: "grid place-items-center h-full", children: queryMutation.isPending ? (_jsxs("div", { className: "flex flex-col gap-2 items-center mt-20", children: [_jsx(Spinner, { size: 20 }), _jsxs("div", { className: cn("opacity-0 pointer-events-none transition-opacity h-20 text-sm text-muted-foreground duration-300 flex flex-col gap-2 items-center", showLongRunningWarning && "opacity-100 pointer-events-auto"), children: ["Looks like the request is taking longer than expected.", _jsx(Button, { type: "button", onClick: onCancel, size: "sm", className: "w-fit", variant: "outline", children: "Cancel" })] })] })) : (_jsx("span", { className: "text-[16px] font-semibold text-muted-foreground", children: "Send a request first to see the response here" })) })) }));
+export const ResultPanel = ({ queryMutation, showLongRunningWarning, onCancel, tip, isFinished, progress, }) => {
+    return (_jsxs("div", { className: "flex flex-col overflow-y-auto h-[80vh] bg-muted/50", children: [(queryMutation.isPending || queryMutation.data) && (_jsx(ResponseStatusBar, { status: queryMutation.data?.status, time: queryMutation.data?.time, size: queryMutation.data?.size, isFinished: isFinished, progress: progress })), queryMutation.error ? (_jsx("div", { className: "max-w-2/3 mx-auto mt-20", children: _jsxs(Alert, { children: [_jsx(UnplugIcon, { size: 24, strokeWidth: 1.5, className: "me-5" }), _jsx(AlertTitle, { children: "Request failed" }), _jsx(AlertDescription, { children: queryMutation.error.message ||
+                                String(queryMutation.error) ||
+                                "Unexpected error" })] }) })) : queryMutation.data ? (_jsx(ResponseTab, { request: queryMutation.data.request, size: queryMutation.data.size, headers: queryMutation.data.headers, body: queryMutation.data.body, isBinary: queryMutation.data.isBinary, fileName: queryMutation.data.fileName, blob: queryMutation.data.blob })) : queryMutation.isPending ? (_jsx("div", { className: "grid place-items-center h-full", children: _jsxs("div", { className: "flex flex-col gap-2 items-center mt-20", children: [_jsx(Spinner, {}), _jsxs("div", { className: cn("opacity-0 pointer-events-none transition-opacity h-20 text-sm text-muted-foreground duration-300 flex flex-col gap-2 items-center", showLongRunningWarning && "opacity-100 pointer-events-auto"), children: ["Looks like the request is taking longer than expected.", _jsx(Button, { type: "button", onClick: onCancel, size: "sm", className: "w-fit", variant: "outline", children: "Cancel" })] })] }) })) : (_jsx("div", { className: "h-full grid place-items-center", children: _jsxs("div", { className: "flex flex-col gap-4 items-center", children: [_jsx(SendIcon, { size: 64, className: "text-muted-foreground", strokeWidth: 1.2 }), _jsx("span", { className: "text-[16px] font-semibold text-muted-foreground", children: "Send your first request" }), tip] }) }))] }));
 };
 export default ResultPanel;
 //# sourceMappingURL=ResultPanel.js.map

package/dist/lib/plugins/openapi/playground/result-panel/ResultPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultPanel.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/result-panel/ResultPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ResultPanel.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/result-panel/ResultPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAE5C,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,aAAa,EACb,sBAAsB,EACtB,QAAQ,EACR,GAAG,EACH,UAAU,EACV,QAAQ,GAST,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAC,oDAAoD,aAChE,CAAC,aAAa,CAAC,SAAS,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,CAClD,KAAC,iBAAiB,IAChB,MAAM,EAAE,aAAa,CAAC,IAAI,EAAE,MAAM,EAClC,IAAI,EAAE,aAAa,CAAC,IAAI,EAAE,IAAI,EAC9B,IAAI,EAAE,aAAa,CAAC,IAAI,EAAE,IAAI,EAC9B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,GAClB,CACH,EACA,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAC,yBAAyB,YACtC,MAAC,KAAK,eACJ,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,EAAC,MAAM,GAAG,EAC3D,KAAC,UAAU,iCAA4B,EACvC,KAAC,gBAAgB,cACd,aAAa,CAAC,KAAK,CAAC,OAAO;gCAC1B,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC;gCAC3B,kBAAkB,GACH,IACb,GACJ,CACP,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CACvB,KAAC,WAAW,IACV,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,OAAO,EACnC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,IAAI,EAC7B,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,OAAO,EACnC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,IAAI,EAC7B,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC,QAAQ,EACrC,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC,QAAQ,EACrC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,IAAI,GAC7B,CACH,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAC5B,cAAK,SAAS,EAAC,gCAAgC,YAC7C,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,OAAO,KAAG,EACX,eACE,SAAS,EAAE,EAAE,CACX,mIAAmI,EACnI,sBAAsB,IAAI,iCAAiC,CAC5D,uEAGD,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,SAAS,uBAGV,IACL,IACF,GACF,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,gCAAgC,YAC7C,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,QAAQ,IACP,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,uBAAuB,EACjC,WAAW,EAAE,GAAG,GAChB,EACF,eAAM,SAAS,EAAC,iDAAiD,wCAE1D,EACN,GAAG,IACA,GACF,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/lib/plugins/openapi/playground/result-panel/convertToTypes.d.ts

@@ -3,7 +3,7 @@ type JsonObject = {
     [key: string]: JsonValue;
 };
 type JsonArray = JsonValue[];
-export declare function generateInterface(obj: JsonObject, indentation?: string): string;
+export declare function generateInterface(obj: JsonObject, _indentation?: string): string;
 export declare function convertToTypes(json: JsonValue): {
     lines: string[];
 };