@mintlify/msft-sdk 1.1.62 → 1.1.63

package/dist/components/Api/dropdown-menu.js

@@ -1,15 +1,16 @@
-import { jsx as m, jsxs as r } from "react/jsx-runtime";
+import { jsx as m, jsxs as s } from "react/jsx-runtime";
 import "@mintlify/validation";
+import "@sindresorhus/slugify";
 import { cn as d } from "../../utils/cn.js";
 import * as t from "@radix-ui/react-dropdown-menu";
 import { ChevronRightFilled as l, CheckmarkCircleRegular as c, CircleRegular as p } from "@fluentui/react-icons";
 import * as o from "react";
 const f = o.forwardRef((n, e) => /* @__PURE__ */ m(t.Root, { modal: !1, ...n }));
 f.displayName = t.Root.displayName;
-const I = t.Trigger, u = o.forwardRef(({ className: n, inset: e, children: i, ...a }, s) => /* @__PURE__ */ r(
+const k = t.Trigger, u = o.forwardRef(({ className: n, inset: e, children: i, ...a }, r) => /* @__PURE__ */ s(
   t.SubTrigger,
   {
-    ref: s,
+    ref: r,
     className: d(
       "mint:flex mint:cursor-default mint:select-none mint:items-center mint:rounded-md mint:px-2 mint:py-1.5 mint:text-sm mint:outline-none mint:focus:bg-accent mint:data-[state=open]:bg-accent",
       e && "mint:pl-8",
@@ -48,10 +49,10 @@ const g = o.forwardRef(({ className: n, sideOffset: e = 8, ...i }, a) => /* @__P
   }
 ) }));
 g.displayName = t.Content.displayName;
-const w = o.forwardRef(({ className: n, inset: e, isSelected: i, ...a }, s) => /* @__PURE__ */ m(
+const w = o.forwardRef(({ className: n, inset: e, isSelected: i, ...a }, r) => /* @__PURE__ */ m(
   t.Item,
   {
-    ref: s,
+    ref: r,
     className: d(
       "mint:relative mint:flex mint:cursor-pointer mint:select-none mint:items-center mint:rounded-lg mint:px-2 mint:py-1.5 mint:text-sm mint:outline-none mint:focus:bg-accent mint:focus:text-accent-foreground mint:data-[disabled]:pointer-events-none mint:data-[disabled]:opacity-50 mint:hover:bg-zinc-950/5 mint:dark:hover:bg-white/5",
       e && "mint:pl-8",
@@ -62,10 +63,10 @@ const w = o.forwardRef(({ className: n, inset: e, isSelected: i, ...a }, s) => /
   }
 ));
 w.displayName = t.Item.displayName;
-const h = o.forwardRef(({ className: n, children: e, checked: i, ...a }, s) => /* @__PURE__ */ r(
+const h = o.forwardRef(({ className: n, children: e, checked: i, ...a }, r) => /* @__PURE__ */ s(
   t.CheckboxItem,
   {
-    ref: s,
+    ref: r,
     className: d(
       "mint:relative mint:flex mint:cursor-default mint:select-none mint:items-center mint:rounded-sm mint:py-1.5 mint:pl-8 mint:pr-2 mint:text-sm mint:outline-none mint:transition-colors mint:focus:bg-accent mint:focus:text-accent-foreground mint:data-[disabled]:pointer-events-none mint:data-[disabled]:opacity-50",
       n
@@ -79,7 +80,7 @@ const h = o.forwardRef(({ className: n, children: e, checked: i, ...a }, s) => /
   }
 ));
 h.displayName = t.CheckboxItem.displayName;
-const N = o.forwardRef(({ className: n, children: e, ...i }, a) => /* @__PURE__ */ r(
+const N = o.forwardRef(({ className: n, children: e, ...i }, a) => /* @__PURE__ */ s(
   t.RadioItem,
   {
     ref: a,
@@ -123,5 +124,5 @@ export {
   x as DropdownMenuSeparator,
   b as DropdownMenuSubContent,
   u as DropdownMenuSubTrigger,
-  I as DropdownMenuTrigger
+  k as DropdownMenuTrigger
 };

package/dist/components/content-components/code-group.js

@@ -6,7 +6,7 @@ import { cn as g } from "../../utils/cn.js";
 import { CopyToClipboardButton as B } from "./code-block.js";
 import { getNodeText as G } from "../../utils/get-node-text.js";
 import { capitalize as D } from "../../utils/string.js";
-const K = y(function({ children: r, onChange: a, className: o, dropdown: l, noMargins: h, ...T }, C) {
+const Q = y(function({ children: r, onChange: a, className: o, dropdown: l, noMargins: h, isSmallText: q, ...T }, C) {
   var k, N;
   const { defaultValue: u, ...S } = T, x = z(/* @__PURE__ */ new Map()), i = Array.isArray(r) ? r : j.Children.toArray(r), [v, A] = F(0), w = L(
     (n) => {
@@ -133,7 +133,7 @@ const K = y(function({ children: r, onChange: a, className: o, dropdown: l, noMa
     }
   );
 });
-function Q({ text: b }) {
+function U({ text: b }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -144,6 +144,6 @@ function Q({ text: b }) {
   );
 }
 export {
-  Q as CodeBlockTooltip,
-  K as CodeGroup
+  U as CodeBlockTooltip,
+  Q as CodeGroup
 };

package/dist/contexts/EndpointLocationContext.js

@@ -1,12 +1,12 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useRef as c, createContext as s, useContext as a } from "react";
+import { useContext as c, useRef as s, createContext as a } from "react";
 import { useCheckHash as p } from "../hooks/useCheckHash.js";
-const o = s({}), u = () => a(o);
+const o = a({}), u = () => c(o);
 function x({
   location: t,
   children: n
 }) {
-  const e = c(!1), r = p();
+  const e = s(!1), r = p();
   return /* @__PURE__ */ i(o.Provider, { value: { location: t, anchor: r, hasScrolledToAnchorRef: e }, children: n });
 }
 o.displayName = "EndpointLocationContext";

package/dist/hooks/useApiParamFieldOption.js

@@ -0,0 +1,10 @@
+import { useContext as r } from "react";
+import { DocsConfigContext as d } from "../contexts/ConfigContext.js";
+const F = () => {
+  var o, p, t, n;
+  const { mintConfig: i, docsConfig: a } = r(d), e = (p = (o = i == null ? void 0 : i.api) == null ? void 0 : o.paramFields) == null ? void 0 : p.expanded;
+  return ((n = (t = a == null ? void 0 : a.api) == null ? void 0 : t.params) == null ? void 0 : n.expanded) ?? e;
+};
+export {
+  F as useApiParamFieldOption
+};

package/dist/hooks/useEndpoint.js

@@ -1,13 +1,13 @@
-import { useContext as n, useMemo as t } from "react";
+import { useMemo as n, useContext as t } from "react";
 import { ApiReferenceContext as o } from "../contexts/ConfigContext.js";
 const p = () => {
   const {
     apiReferenceData: { endpoint: e }
-  } = n(o);
+  } = t(o);
   return e;
 }, s = () => {
   const e = p();
-  return t(() => e, [e]);
+  return n(() => e, [e]);
 };
 export {
   s as useEndpoint,

package/dist/hooks/useKeyboardShortcut.js

@@ -1,25 +1,25 @@
-import { useCallback as p, useEffect as w } from "react";
-const d = ({
-  key: y,
+import { useCallback as w, useEffect as y } from "react";
+const C = ({
+  key: n,
   callback: r,
   isSingleKey: h,
-  excludedActiveElementId: u,
-  excludedActiveElements: f,
+  excludedActiveElementId: t,
+  excludedActiveElements: u,
   isDisabled: i
 }) => {
-  const n = p(
-    (s) => {
+  const f = w(
+    (p) => {
       if (i) return;
-      let t = !1;
+      let s = !1;
       const o = document.activeElement;
-      u && (t = !!(o != null && o.id) && u.includes(o.id)), f && !t && (t = f.includes(
+      t && (s = !!(o != null && o.id) && t.includes(o.id)), u && !s && (s = u.includes(
         o == null ? void 0 : o.tagName.toLowerCase()
-      )), s.key === y && (h || s.metaKey || s.ctrlKey) && !t && (s.preventDefault(), r == null || r());
+      )), p.key === n && h && !s && (p.preventDefault(), r == null || r());
     },
-    [r, y, h, u, f, i]
+    [r, n, h, t, u, i]
   );
-  w(() => (addEventListener("keydown", n), () => removeEventListener("keydown", n)), [n]);
+  y(() => (addEventListener("keydown", f), () => removeEventListener("keydown", f)), [f]);
 };
 export {
-  d as useKeyboardShortcut
+  C as useKeyboardShortcut
 };

package/dist/hooks/useSendPlaygroundRequest.js

@@ -1,148 +1,16 @@
-import { useContext as b, useCallback as S } from "react";
-import { DocsConfigContext as g } from "../contexts/ConfigContext.js";
-import { NEXT_PUBLIC as l } from "../env.js";
-import { useApiPlaygroundInputs as j } from "./useMDXContentController/useApiPlaygroundInputs.js";
-const _ = ({
-  endpoint: t,
-  baseUrl: n,
-  contentType: r,
-  setResult: s,
-  setIsFetching: o
-}) => {
-  var f, p;
-  const e = j(), { docsConfig: a } = b(g), d = ((p = (f = a == null ? void 0 : a.api) == null ? void 0 : f.playground) == null ? void 0 : p.proxy) === !1;
-  return S(async () => {
-    o(!0);
-    const y = await import("axios").then((i) => i.default), u = w(t.path, e.path), h = O(
-      x(n, e.server),
-      u
-    ), m = A(e.header, r), c = {
-      method: t.method,
-      url: h,
-      header: m,
-      body: e.body,
-      cookie: e.cookie,
-      query: e.query
-    };
-    try {
-      if (d) {
-        const i = await C(c);
-        s({
-          error: !1,
-          response: {
-            status: i.status,
-            statusText: i.statusText,
-            headers: i.headers,
-            data: i.data
-          }
-        });
-      } else if (r.includes("multipart/form-data")) {
-        const i = await D(c);
-        s(i);
-      } else {
-        const { data: i } = await y.post(`${l.BASE_PATH}/_mintlify/api/request`, c);
-        s(i);
-      }
-    } catch (i) {
-      s({
-        error: !0,
-        errorMessage: "unable to complete request"
-      }), console.error(i);
-    }
-    o(!1);
-  }, [
-    o,
-    t,
-    e,
-    n,
-    r,
-    d,
-    s
-  ]);
-}, w = (t, n) => Object.entries(n).reduce((r, [s, o]) => o == null ? r : r.replace(
-  `{${s}}`,
-  encodeURIComponent(o.toString())
-), t), x = (t, n) => {
-  let r = t;
-  return Object.entries(n).forEach(([s, o]) => {
-    o && (r = r.replace(`{${s}}`, o));
-  }), r;
-}, O = (t, n) => t.replace(/\/$/, "") + "/" + n.replace(/^\//, ""), A = (t, n) => Object.keys(t).some((r) => r.toLowerCase() === "content-type") ? t : {
-  ...t,
-  "content-type": n
-}, C = async (t) => {
-  const n = await import("axios").then((e) => e.default), r = Object.keys(t.header).find(
-    (e) => e.toLowerCase() === "content-type"
-  );
-  let s = t.body, o = t.header;
-  if (r != null && r.includes("multipart/form-data")) {
-    const { data: e, headers: a } = E(t);
-    s = e, o = a;
-  }
-  return n({
-    url: t.url,
-    method: t.method,
-    params: t.query,
-    data: s,
-    headers: o,
-    // prevent axios from adding [] after array query params
-    paramsSerializer: {
-      indexes: null
-    },
-    responseType: "arraybuffer",
-    // prevent axios from erroring on bad status codes
-    validateStatus: () => !0,
-    // prevent axios from parsing json, losing whitespace information, and using default utf-8 encoding
-    // we can't use `responseEncoding` as it's ignored client-side
-    transformResponse: (e) => Buffer.from(e).toString("base64")
-  });
-}, D = async (t) => {
-  const n = await import("axios").then((o) => o.default), r = new FormData();
-  r.append(
-    "requestInfo",
-    JSON.stringify({
-      method: t.method,
-      url: t.url,
-      header: t.header,
-      query: t.query,
-      cookie: t.cookie
-    })
-  ), typeof t.body == "object" && t.body !== null && Object.entries(t.body).forEach(([o, e]) => {
-    e instanceof File ? r.append(o, e) : Array.isArray(e) ? e.forEach((a) => {
-      a instanceof File ? r.append(o, a) : a != null && r.append(
-        o,
-        typeof a == "object" ? JSON.stringify(a) : a.toString()
-      );
-    }) : e != null && r.append(
-      o,
-      typeof e == "object" ? JSON.stringify(e) : e.toString()
-    );
-  });
-  const { data: s } = await n.post(`${l.BASE_PATH}/_mintlify/api/file-request`, r);
-  return s;
-}, E = (t) => {
-  var s;
-  let n = t.body;
-  const r = t.header;
-  if ((s = r["content-type"]) != null && s.includes("multipart/form-data")) {
-    const o = new FormData();
-    typeof n == "object" && n !== null && (Object.entries(n).forEach(([e, a]) => {
-      a instanceof File ? o.append(e, a) : Array.isArray(a) ? a.forEach((d) => {
-        d instanceof File ? o.append(e, d) : d != null && o.append(
-          e,
-          typeof d == "object" ? JSON.stringify(d) : d.toString()
-        );
-      }) : a != null && o.append(
-        e,
-        typeof a == "object" ? JSON.stringify(a) : a.toString()
-      );
-    }), n = o, delete r["content-type"]);
-  }
-  return { data: n, headers: r };
-};
+import "react";
+import "../env.js";
+const i = (r, t) => Object.entries(t).reduce((e, [o, n]) => n == null ? e : e.replace(
+  `{${o}}`,
+  encodeURIComponent(n.toString())
+), r), l = (r, t) => {
+  let e = r;
+  return Object.entries(t).forEach(([o, n]) => {
+    n && (e = e.replace(`{${o}}`, n));
+  }), e;
+}, s = (r, t) => r.replace(/\/$/, "") + "/" + t.replace(/^\//, "");
 export {
-  w as addPathParams,
-  x as addServerVariables,
-  O as joinWithSingleSlash,
-  _ as useSendPlaygroundRequest
+  i as addPathParams,
+  l as addServerVariables,
+  s as joinWithSingleSlash
 };

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import { ApiPlaygroundDisplayType } from '@mintlify/models';
 import { ApiPlaygroundInputs } from '@mintlify/validation';
 import { ApiPlaygroundResultType } from '@mintlify/models';
 import { AsyncAPIDocumentInterface } from '@mintlify/common';
@@ -22,9 +21,11 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { MdxExtracts as MdxExtracts_2 } from '@mintlify/common';
 import { MdxJsxFlowElement } from 'mdast-util-mdx-jsx';
 import { MintConfig } from '@mintlify/models';
+import { NamedExoticComponent } from 'react';
 import { Node as Node_2 } from 'unist';
 import { Node as Node_3 } from 'hast';
 import { OpenApiMetadata } from '@mintlify/models';
+import { openApiToSchemaGraph } from '@mintlify/validation';
 import { OpenAPIV3 } from 'openapi-types';
 import { OpenAPIV3_1 } from 'openapi-types';
 import { Operation } from '@mintlify/validation';
@@ -48,6 +49,7 @@ import { StoreApi } from 'zustand';
 import { Text as Text_2 } from 'hast';
 import { TrieveType } from '@mintlify/validation';
 import { UseBoundStore } from 'zustand';
+import { UserInfoInputs } from '@mintlify/validation';
 import { UUID } from '@mintlify/validation';
 
 export declare const addApiReferenceDataFromMdxAndDocsConfig: ({ pageMetadata, apiReferenceData2, mdxExtracts, docsConfig, }: {
@@ -94,47 +96,23 @@ declare type ApiExamplesProps = {
     noInputs?: boolean;
 };
 
-export declare function ApiFields({ pageMetadata }: {
-    pageMetadata: PageMetaTags;
-}): JSX_2.Element;
-
-export declare const ApiPlayground: ({ endpoint, display, pathname }: ApiPlaygroundParams) => JSX_2.Element;
-
-export declare const ApiPlaygroundContext: Context<ApiPlaygroundContextType>;
-
-export declare const ApiPlaygroundContextLegacy: Context<ApiPlaygroundContextTypeLegacy>;
+export declare const ApiFields: NamedExoticComponent<    {
+pageMetadata: PageMetaTags;
+}>;
 
-export declare type ApiPlaygroundContextType = {
-    isSending?: boolean;
-    sendRequest?: () => void;
-    isPlaygroundExpanded: boolean;
-    result?: ApiPlaygroundResultType;
-    selectedBaseUrlIndex: number;
-    setSelectedBaseUrlIndex?: (index: number) => void;
-    setIsPlaygroundExpanded?: (expanded: boolean) => void;
-    baseUrlOptions?: string[];
-    selectedExampleIndex?: number;
-    setSelectedExampleIndex?: (index: number) => void;
-};
+declare const ApiPlaygroundContext: Context<ApiPlaygroundContextType>;
+export { ApiPlaygroundContext }
+export { ApiPlaygroundContext as ApiPlaygroundContextLegacy }
 
-export declare type ApiPlaygroundContextTypeLegacy = {
+declare type ApiPlaygroundContextType = {
     isSending?: boolean;
     sendRequest?: () => void;
     isPlaygroundExpanded: boolean;
     result?: ApiPlaygroundResultType;
-    selectedBaseUrlIndex: number;
-    setSelectedBaseUrlIndex?: (index: number) => void;
     setIsPlaygroundExpanded?: (expanded: boolean) => void;
-    baseUrlOptions?: string[];
-    selectedExampleIndex?: number;
-    setSelectedExampleIndex?: (index: number) => void;
-};
-
-declare type ApiPlaygroundParams = {
-    endpoint: Endpoint;
-    display: ApiPlaygroundDisplayType;
-    pathname: string;
 };
+export { ApiPlaygroundContextType }
+export { ApiPlaygroundContextType as ApiPlaygroundContextTypeLegacy }
 
 export declare const ApiReferenceContext: Context<ApiReferenceContextType>;
 
@@ -171,8 +149,8 @@ export declare interface ApiReferenceDataV2 {
     schemaData?: SchemaV2;
     dependencies?: {
         parameters?: Record<UUID, ParameterObject>;
-        requestBody?: RequestBodyObject;
-        responses?: Record<UUID, ResponseObject>;
+        requestBody?: ResolvedRequestBody;
+        responses?: ResolvedResponses;
         servers: Record<UUID, ServerObject>;
         security: Record<UUID, ResolvedSecurityObject>;
         processedSecurityOptions?: ProcessedSecurityOption[];
@@ -521,16 +499,13 @@ export declare type ElementType = {
     tagName?: string;
 };
 
-export declare const EndpointFields: () => JSX_2.Element | null;
-
-export declare const EndpointHeader: ({ onCopy, baseUrlOptions, selectedBaseUrlIndex, setSelectedBaseUrlIndex, isCopiedActive, display, path, method, onBaseUrlChange, isInPlaygroundModal, }: EndpointHeaderProps) => JSX_2.Element;
+export declare const EndpointHeader: ({ baseUrl, baseUrlOptions, selectedBaseUrlIndex, setSelectedBaseUrlIndex, display, path, method, onBaseUrlChange, isInPlaygroundModal, }: EndpointHeaderProps) => JSX_2.Element;
 
 declare type EndpointHeaderProps = {
-    onCopy: () => void;
+    baseUrl: string;
     baseUrlOptions: string[];
     selectedBaseUrlIndex: number;
     setSelectedBaseUrlIndex: (index: number) => void;
-    isCopiedActive: boolean;
     isInPlaygroundModal: boolean;
     display: 'simple' | 'none' | 'interactive';
     path: string;
@@ -703,6 +678,8 @@ declare interface NavTreeProps {
     anchors?: AnchorConfig[];
 }
 
+export { openApiToSchemaGraph }
+
 export declare const OperationPage: ({ apiReferenceData, operation, children, }: {
     apiReferenceData: ApiReferenceDataV2;
     operation: OperationV2;
@@ -719,13 +696,14 @@ export declare type OperationV2 = Operation & {
     requestExamples?: CodeExample[];
     responseExamples?: CodeExample[];
     codeSamples?: CodeSample[];
-    requestExampleType?: 'mdx' | 'webhook' | 'codeSamples' | 'generated';
+    requestExampleType?: 'mdx' | 'webhook' | 'codeSamples' | 'generated' | 'examples';
     requestExampleLanguages?: string[];
     requiredOnlyExamples?: boolean;
     responseExampleType?: 'mdx' | 'generated';
     prefillPlaygroundWithExample?: boolean;
-    prefillPlaygroundExamples?: ApiPlaygroundInputs[];
+    prefillPlaygroundExamples?: Record<string, PlaygroundInputValue>[];
     disableProxy?: boolean;
+    userInfoPlaygroundInputs?: UserInfoInputs;
 };
 
 export declare const PageContext: Context<PageContextType>;
@@ -806,17 +784,28 @@ export declare interface PlainTextPageProps {
 export declare const Playground: ({ isPlaygroundExpanded, setIsPlaygroundExpanded, baseUrl, baseUrlOptions, apiReferenceData, }: PlaygroundProps) => JSX_2.Element | null;
 
 declare interface PlaygroundInputsState {
+    apiReferenceData: ApiReferenceDataV2 | undefined;
     inputs: Record<string, PlaygroundInputValue>;
-    initialize: (initialValues: Record<string, PlaygroundInputValue>) => void;
+    initializeInputs: (initialValues: Record<string, PlaygroundInputValue>) => void;
+    initializeApiReferenceData: (apiReferenceData: ApiReferenceDataV2) => void;
     setInput: (name: string, value: PlaygroundInputValue) => void;
     setInputs: (inputs: Record<string, PlaygroundInputValue>) => void;
     replaceInputs: (inputs: Record<string, PlaygroundInputValue>) => void;
+    deleteInput: (name: string) => void;
     getInput: (name: string) => PlaygroundInputValue;
     getApiPlaygroundInputs: () => ApiPlaygroundInputs;
     clear: () => void;
     reset: () => void;
+    selectedBaseUrlIndex: number;
+    setSelectedBaseUrlIndex: (index: number) => void;
     selectedSecurityOptionIndex: number;
     setSelectedSecurityOptionIndex: (index: number) => void;
+    selectedExampleIndex: number;
+    setSelectedExampleIndex: (index: number) => void;
+    selectedRequestBodyContentTypeIndex: number;
+    setSelectedRequestBodyContentTypeIndex: (index: number) => void;
+    selectedResponseContentTypeIndex: number;
+    setSelectedResponseContentTypeIndex: (index: number) => void;
 }
 
 declare type PlaygroundInputValue = unknown;
@@ -830,8 +819,15 @@ declare type PlaygroundProps = {
 };
 
 export declare type ProcessedSecurityOption = {
+    schemes: Array<ProcessedSecurityScheme>;
+    title: string;
+};
+
+declare type ProcessedSecurityScheme = {
     scheme: SecuritySchemeAndScope;
     schema: SchemaObject;
+    schemeName: string;
+    name: string;
 };
 
 export declare const processSecurityOptions: (apiReferenceData: ApiReferenceDataV2) => ProcessedSecurityOption[];
@@ -860,6 +856,14 @@ export declare function remarkHeadingIds(): (tree: Root) => void;
 
 export declare function removeHtmlComments(root: Root_2): void;
 
+declare type ResolvedRequestBody = RequestBodyObject & {
+    exampleType?: 'generated' | 'examples';
+};
+
+declare type ResolvedResponses = Record<UUID, ResponseObject & {
+    exampleType?: 'generated' | 'examples';
+}>;
+
 /**
  * SchemaObject after being processed by the various transformations in `resolveOperationWithDependencies`.
  * This is the type of object that all the API UI components should be consuming. Any properties that
@@ -882,6 +886,7 @@ export declare type ResolvedSchemaObject = SchemaObject & {
     isCircular?: boolean;
     type?: DifferentiatedType;
     [CIRCULAR_REF_KEY]?: UUID;
+    typeLabel?: string;
 };
 
 export declare type ResolvedSecurityObject = {
@@ -991,30 +996,32 @@ export declare const useCopyPathWithInputs: ({ path, baseUrl }: {
 }) => string;
 
 /**
- * CLANKED
- * Syncs playground state with URL pathname changes.
+ * RE-CLANKED BUT BETTER THIS TIME
+ * Simplified playground initialization hook.
  *
- * This hook implements the following behavior:
- * - When the pathname changes, it resets the playground inputs
- * - After reset, it initializes with the new default values for the current endpoint
- * - When playground closes without pathname change, state is preserved
- * - Query parameter changes (like ?playground=open) do NOT reset the state
+ * Assumes the Playground component remounts for each new page/endpoint,
+ * so we don't need complex pathname tracking.
  *
- * Uses refs to track previous pathname to avoid unnecessary resets.
+ * Handles:
+ * - Initial mount: Reset and initialize with defaults
+ * - Credentials loading: Update inputs when credentials load from localStorage
+ * - Example switching: Handled via selectedExampleIndex prop changes
  */
-export declare function useInitializeInputs({ apiReferenceData, selectedBaseUrlIndex, selectedExampleIndex, selectedRequestBodyContentTypeIndex, }: UsePlaygroundStateSyncProps): void;
-
-export declare function useMarkdownCopy(pathname: string): void;
-
-export declare const usePlaygroundInputsStore: UseBoundStore<StoreApi<PlaygroundInputsState>>;
+export declare function useInitializeInputs({ apiReferenceData, selectedBaseUrlIndex, selectedExampleIndex, selectedRequestBodyContentTypeIndex, locallyStoredCredentials, serverInputs, }: UseInitializeInputsProps): void;
 
-declare interface UsePlaygroundStateSyncProps {
+declare interface UseInitializeInputsProps {
     apiReferenceData: ApiReferenceDataV2;
     selectedBaseUrlIndex: number;
     selectedExampleIndex: number;
     selectedRequestBodyContentTypeIndex: number;
+    locallyStoredCredentials: Record<string, any> | undefined;
+    serverInputs: Record<string, string> | undefined;
 }
 
+export declare function useMarkdownCopy(pathname: string): void;
+
+export declare const usePlaygroundInputsStore: UseBoundStore<StoreApi<PlaygroundInputsState>>;
+
 export declare const useSelectedSecurityOption: () => {
     selectedSecurityOptionIndex: number;
     setSelectedSecurityOptionIndex: (index: number) => void;