@assistant-ui/react-mcp 0.1.18 → 0.1.19

package/dist/auth/buildHeaders.d.ts

@@ -6,7 +6,6 @@ import { MCPPersistedAuthState } from "./types.js";
  * stored at add-form time (persisted), falling back to a static token on the
  * config (used by connectors that hardcode a token, rare in practice).
  */
-declare function buildHeaders(auth: MCPAuthConfig, persisted: MCPPersistedAuthState | null): Record<string, string> | undefined;
+export declare function buildHeaders(auth: MCPAuthConfig, persisted: MCPPersistedAuthState | null): Record<string, string> | undefined;
 //#endregion
-export { buildHeaders };
 //# sourceMappingURL=buildHeaders.d.ts.map

package/dist/auth/buildHeaders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildHeaders.d.ts","names":[],"sources":["../../src/auth/buildHeaders.ts"],"mappings":";;;;;;;;iBAQgB,aACd,MAAM,eACN,WAAW,+BACV"}
+{"version":3,"file":"buildHeaders.d.ts","names":[],"sources":["../../src/auth/buildHeaders.ts"],"mappings":";;;;;;;;wBAQgB,aACd,MAAM,eACN,WAAW,+BACV"}

package/dist/auth/createOAuthProvider.d.ts

@@ -2,8 +2,8 @@ import { MCPAuthConfig } from "../mcp-scope.js";
 import { MCPStorage } from "../resources/storage/types.js";
 import { OAuthClientInformationFull, OAuthClientProvider, OAuthTokens } from "@modelcontextprotocol/client";
 //#region src/auth/createOAuthProvider.d.ts
-declare function decodeServerIdFromState(state: string): string | null;
-type CreateOAuthProviderOptions = {
+export declare function decodeServerIdFromState(state: string): string | null;
+export type CreateOAuthProviderOptions = {
   serverId: string;
   serverUrl: string;
   /** Must be `auth.type === "oauth"`. */
@@ -24,19 +24,18 @@ type OAuthCredentialState = {
   clientInformation?: OAuthClientInformationFull | undefined;
   clientInformationSource?: "registered" | undefined;
 };
-declare const hasUsableOAuthTokens: (state: OAuthCredentialState | null | undefined, config: OAuthConfig) => boolean;
+export declare const hasUsableOAuthTokens: (state: OAuthCredentialState | null | undefined, config: OAuthConfig) => boolean;
 /**
  * Clears persisted OAuth state after the in-flight load and every queued write
  * for that server have settled, so a discarded provider cannot recreate the
  * record it was mid-save on.
  */
-declare const clearOAuthProviderAuthState: (storage: MCPStorage, serverId: string) => Promise<void>;
+export declare const clearOAuthProviderAuthState: (storage: MCPStorage, serverId: string) => Promise<void>;
 /**
  * Builds an OAuthClientProvider for the MCP SDK, backed by MCPStorage.
  * Token refresh and DCR are handled by the SDK; this provider only mediates
  * load/save and the redirect step.
  */
-declare function createOAuthProvider(opts: CreateOAuthProviderOptions): OAuthClientProvider;
+export declare function createOAuthProvider(opts: CreateOAuthProviderOptions): OAuthClientProvider;
 //#endregion
-export { CreateOAuthProviderOptions, clearOAuthProviderAuthState, createOAuthProvider, decodeServerIdFromState, hasUsableOAuthTokens };
 //# sourceMappingURL=createOAuthProvider.d.ts.map

package/dist/auth/createOAuthProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createOAuthProvider.d.ts","names":[],"sources":["../../src/auth/createOAuthProvider.ts"],"mappings":";;;;iBAsCgB,wBAAwB;KAgB5B;EACV;EACA;;EAEA,QAAQ,QAAQ;IAAiB;;EACjC,SAAS;EACT;;EAEA,qBAAqB,KAAK;;KAcvB,cAAc,QAAQ;EAAiB;;KAEvC;EACH,SAAS;EACT;EACA,oBAAoB;EACpB;;cAUW,uBACX,OAAO,yCACP,QAAQ;;;;;;cAkHG,8BACX,SAAS,YACT,qBACC;;;;;;iBA2Ba,oBACd,MAAM,6BACL"}
+{"version":3,"file":"createOAuthProvider.d.ts","names":[],"sources":["../../src/auth/createOAuthProvider.ts"],"mappings":";;;;wBAsCgB,wBAAwB;YAgB5B;EACV;EACA;;EAEA,QAAQ,QAAQ;IAAiB;;EACjC,SAAS;EACT;;EAEA,qBAAqB,KAAK;;KAcvB,cAAc,QAAQ;EAAiB;;KAEvC;EACH,SAAS;EACT;EACA,oBAAoB;EACpB;;qBAUW,uBACX,OAAO,yCACP,QAAQ;;;;;;qBAkHG,8BACX,SAAS,YACT,qBACC;;;;;;wBA2Ba,oBACd,MAAM,6BACL"}

package/dist/auth/types.d.ts

@@ -1,6 +1,6 @@
 import { OAuthClientInformationFull, OAuthDiscoveryState, OAuthTokens } from "@modelcontextprotocol/client";
 //#region src/auth/types.d.ts
-type MCPPersistedAuthState = {
+export type MCPPersistedAuthState = {
   /** MCP server URL this authentication state belongs to. Required with credentials. */
   serverUrl?: string;
   tokens?: OAuthTokens;
@@ -14,5 +14,4 @@ type MCPPersistedAuthState = {
   token?: string;
 };
 //#endregion
-export { MCPPersistedAuthState };
 //# sourceMappingURL=types.d.ts.map

package/dist/auth/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/auth/types.ts"],"mappings":";;KAMY;;EAEV;EACA,SAAS;EACT;EACA,oBAAoB;EACpB;EACA;EACA;EACA,iBAAiB;;EAEjB"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/auth/types.ts"],"mappings":";;YAMY;;EAEV;EACA,SAAS;EACT;EACA,oBAAoB;EACpB;EACA;EACA;EACA,iBAAiB;;EAEjB"}

package/dist/connector.d.ts

@@ -1,6 +1,5 @@
 import { MCPConnector } from "./mcp-scope.js";
 //#region src/connector.d.ts
-declare function defineConnector(connector: MCPConnector): MCPConnector;
+export declare function defineConnector(connector: MCPConnector): MCPConnector;
 //#endregion
-export { defineConnector };
 //# sourceMappingURL=connector.d.ts.map

package/dist/connector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connector.d.ts","names":[],"sources":["../src/connector.ts"],"mappings":";;iBAGgB,gBAAgB,WAAW,eAAe"}
+{"version":3,"file":"connector.d.ts","names":[],"sources":["../src/connector.ts"],"mappings":";;wBAGgB,gBAAgB,WAAW,eAAe"}

package/dist/context/McpConnectorByIndexProvider.d.ts

@@ -1,8 +1,7 @@
 import { FC, PropsWithChildren } from "react";
 //#region src/context/McpConnectorByIndexProvider.d.ts
-declare const McpConnectorByIndexProvider: FC<PropsWithChildren<{
+export declare const McpConnectorByIndexProvider: FC<PropsWithChildren<{
   index: number;
 }>>;
 //#endregion
-export { McpConnectorByIndexProvider };
 //# sourceMappingURL=McpConnectorByIndexProvider.d.ts.map

package/dist/context/McpConnectorByIndexProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpConnectorByIndexProvider.d.ts","names":[],"sources":["../../src/context/McpConnectorByIndexProvider.tsx"],"mappings":";;cAGa,6BAA6B,GACxC;EAAoB"}
+{"version":3,"file":"McpConnectorByIndexProvider.d.ts","names":[],"sources":["../../src/context/McpConnectorByIndexProvider.tsx"],"mappings":";;qBAGa,6BAA6B,GACxC;EAAoB"}

package/dist/context/McpCustomServerByIndexProvider.d.ts

@@ -1,8 +1,7 @@
 import { FC, PropsWithChildren } from "react";
 //#region src/context/McpCustomServerByIndexProvider.d.ts
-declare const McpCustomServerByIndexProvider: FC<PropsWithChildren<{
+export declare const McpCustomServerByIndexProvider: FC<PropsWithChildren<{
   index: number;
 }>>;
 //#endregion
-export { McpCustomServerByIndexProvider };
 //# sourceMappingURL=McpCustomServerByIndexProvider.d.ts.map

package/dist/context/McpCustomServerByIndexProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpCustomServerByIndexProvider.d.ts","names":[],"sources":["../../src/context/McpCustomServerByIndexProvider.tsx"],"mappings":";;cAGa,gCAAgC,GAC3C;EAAoB"}
+{"version":3,"file":"McpCustomServerByIndexProvider.d.ts","names":[],"sources":["../../src/context/McpCustomServerByIndexProvider.tsx"],"mappings":";;qBAGa,gCAAgC,GAC3C;EAAoB"}

package/dist/context/McpServerByIdProvider.d.ts

@@ -1,8 +1,7 @@
 import { FC, PropsWithChildren } from "react";
 //#region src/context/McpServerByIdProvider.d.ts
-declare const McpServerByIdProvider: FC<PropsWithChildren<{
+export declare const McpServerByIdProvider: FC<PropsWithChildren<{
   id: string;
 }>>;
 //#endregion
-export { McpServerByIdProvider };
 //# sourceMappingURL=McpServerByIdProvider.d.ts.map

package/dist/context/McpServerByIdProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpServerByIdProvider.d.ts","names":[],"sources":["../../src/context/McpServerByIdProvider.tsx"],"mappings":";;cAGa,uBAAuB,GAAG;EAAoB"}
+{"version":3,"file":"McpServerByIdProvider.d.ts","names":[],"sources":["../../src/context/McpServerByIdProvider.tsx"],"mappings":";;qBAGa,uBAAuB,GAAG;EAAoB"}

package/dist/hooks/useMcpOAuthCallback.d.ts

@@ -1,21 +1,20 @@
 import { FC, ReactNode } from "react";
 //#region src/hooks/useMcpOAuthCallback.d.ts
-declare const createMcpOAuthCallbackError: (err: unknown, serverId: string | null) => Error;
-type UseMcpOAuthCallbackOptions = {
+export declare const createMcpOAuthCallbackError: (err: unknown, serverId: string | null) => Error;
+export type UseMcpOAuthCallbackOptions = {
   /** Defaults to `window.location.href`. */
   url?: string;
   onComplete?: (serverId: string) => void;
   onError?: (err: Error) => void;
 };
-type UseMcpOAuthCallbackResult = {
+export type UseMcpOAuthCallbackResult = {
   status: "idle" | "running" | "done" | "error";
   serverId: string | null;
   error: Error | null;
 };
-declare function useMcpOAuthCallback(opts?: UseMcpOAuthCallbackOptions): UseMcpOAuthCallbackResult;
-declare const McpOAuthCallback: FC<UseMcpOAuthCallbackOptions & {
+export declare function useMcpOAuthCallback(opts?: UseMcpOAuthCallbackOptions): UseMcpOAuthCallbackResult;
+export declare const McpOAuthCallback: FC<UseMcpOAuthCallbackOptions & {
   children?: (result: UseMcpOAuthCallbackResult) => ReactNode;
 }>;
 //#endregion
-export { McpOAuthCallback, UseMcpOAuthCallbackOptions, UseMcpOAuthCallbackResult, createMcpOAuthCallbackError, useMcpOAuthCallback };
 //# sourceMappingURL=useMcpOAuthCallback.d.ts.map

package/dist/hooks/useMcpOAuthCallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMcpOAuthCallback.d.ts","names":[],"sources":["../../src/hooks/useMcpOAuthCallback.tsx"],"mappings":";;cAYa,8BACX,cACA,4BACC;KAWS;;EAEV;EACA,cAAc;EACd,WAAW,KAAK;;KAGN;EACV;EACA;EACA,OAAO;;iBAGO,oBACd,OAAM,6BACL;cAkDU,kBAAkB,GAC7B;EACE,YAAY,QAAQ,8BAA8B"}
+{"version":3,"file":"useMcpOAuthCallback.d.ts","names":[],"sources":["../../src/hooks/useMcpOAuthCallback.tsx"],"mappings":";;qBAYa,8BACX,cACA,4BACC;YAWS;;EAEV;EACA,cAAc;EACd,WAAW,KAAK;;YAGN;EACV;EACA;EACA,OAAO;;wBAGO,oBACd,OAAM,6BACL;qBA8DU,kBAAkB,GAC7B;EACE,YAAY,QAAQ,8BAA8B"}

package/dist/hooks/useMcpOAuthCallback.js

@@ -27,6 +27,7 @@ function useMcpOAuthCallback(opts = {}) {
 		if (!url) return;
 		if (startedRef.current === url) return;
 		startedRef.current = url;
+		const superseded = () => startedRef.current !== url;
 		(async () => {
 			let serverId = null;
 			try {
@@ -34,18 +35,21 @@ function useMcpOAuthCallback(opts = {}) {
 				if (state) serverId = decodeServerIdFromState(state);
 				if (!state) throw new Error("missing \"state\" parameter");
 				if (!serverId) throw new Error("state was not created by assistant-ui MCP");
+				if (superseded()) return;
 				setResult({
 					status: "running",
 					serverId,
 					error: null
 				});
 				await aui.mcp.server({ id: serverId }).completeAuth(url);
+				if (superseded()) return;
 				setResult({
 					status: "done",
 					serverId,
 					error: null
 				});
 			} catch (err) {
+				if (superseded()) return;
 				const error = createMcpOAuthCallbackError(err, serverId);
 				setResult({
 					status: "error",

package/dist/hooks/useMcpOAuthCallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMcpOAuthCallback.js","names":["FC","ReactNode","useEffect","useInsertionEffect","useRef","useState","useAui","decodeServerIdFromState","invokeMcpCallback","createMcpOAuthCallbackError","err","serverId","Error","message","String","cause","UseMcpOAuthCallbackOptions","url","onComplete","onError","UseMcpOAuthCallbackResult","status","error","useMcpOAuthCallback","opts","aui","result","setResult","startedRef","optsRef","current","window","location","href","parsed","URL","state","searchParams","get","mcp","server","id","completeAuth","McpOAuthCallback","children","t0","$","_c","t1","t2"],"sources":["../../src/hooks/useMcpOAuthCallback.tsx"],"sourcesContent":["import {\n  type FC,\n  type ReactNode,\n  useEffect,\n  useInsertionEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { decodeServerIdFromState } from \"../auth/createOAuthProvider\";\nimport { invokeMcpCallback } from \"../utils/invokeMcpCallback\";\n\nexport const createMcpOAuthCallbackError = (\n  err: unknown,\n  serverId: string | null,\n): Error => {\n  const message = err instanceof Error ? err.message : String(err);\n  if (serverId) {\n    return new Error(\n      `MCP OAuth callback for server \"${serverId}\" failed: ${message}`,\n      { cause: err },\n    );\n  }\n  return new Error(`MCP OAuth callback failed: ${message}`, { cause: err });\n};\n\nexport type UseMcpOAuthCallbackOptions = {\n  /** Defaults to `window.location.href`. */\n  url?: string;\n  onComplete?: (serverId: string) => void;\n  onError?: (err: Error) => void;\n};\n\nexport type UseMcpOAuthCallbackResult = {\n  status: \"idle\" | \"running\" | \"done\" | \"error\";\n  serverId: string | null;\n  error: Error | null;\n};\n\nexport function useMcpOAuthCallback(\n  opts: UseMcpOAuthCallbackOptions = {},\n): UseMcpOAuthCallbackResult {\n  const aui = useAui();\n  const [result, setResult] = useState<UseMcpOAuthCallbackResult>({\n    status: \"idle\",\n    serverId: null,\n    error: null,\n  });\n  // Guard against React 18 Strict Mode's mount-unmount-remount: the effect\n  // body must not run completeAuth twice for the same URL, otherwise the\n  // single-use OAuth code is double-redeemed and the second attempt 4xxs.\n  const startedRef = useRef<string | null>(null);\n  const optsRef = useRef(opts);\n  useInsertionEffect(() => {\n    optsRef.current = opts;\n  });\n\n  useEffect(() => {\n    const url =\n      opts.url ?? (typeof window !== \"undefined\" ? window.location.href : null);\n    if (!url) return;\n    if (startedRef.current === url) return;\n    startedRef.current = url;\n\n    void (async () => {\n      let serverId: string | null = null;\n      try {\n        const parsed = new URL(url);\n        const state = parsed.searchParams.get(\"state\");\n        if (state) serverId = decodeServerIdFromState(state);\n        if (!state) throw new Error('missing \"state\" parameter');\n        if (!serverId) {\n          throw new Error(\"state was not created by assistant-ui MCP\");\n        }\n        setResult({ status: \"running\", serverId, error: null });\n        await aui.mcp.server({ id: serverId }).completeAuth(url);\n        setResult({ status: \"done\", serverId, error: null });\n      } catch (err) {\n        const error = createMcpOAuthCallbackError(err, serverId);\n        setResult({ status: \"error\", serverId, error });\n        invokeMcpCallback(\"onError\", optsRef.current.onError, error);\n        return;\n      }\n\n      invokeMcpCallback(\"onComplete\", optsRef.current.onComplete, serverId);\n    })();\n  }, [aui, opts.url]);\n\n  return result;\n}\n\nexport const McpOAuthCallback: FC<\n  UseMcpOAuthCallbackOptions & {\n    children?: (result: UseMcpOAuthCallbackResult) => ReactNode;\n  }\n> = ({ children, ...opts }) => {\n  const result = useMcpOAuthCallback(opts);\n  if (children) return <>{children(result)}</>;\n  return null;\n};\n"],"mappings":";;;;;;;AAYA,MAAaS,+BACXC,KACAC,aACU;CACV,MAAME,UAAUH,eAAeE,QAAQF,IAAIG,UAAUC,OAAOJ,GAAG;CAC/D,IAAIC,UACF,OAAO,IAAIC,MACT,kCAAkCD,SAAQ,YAAaE,WACvD,EAAEE,OAAOL,IAAI,CACf;CAEF,OAAO,IAAIE,MAAM,8BAA8BC,WAAW,EAAEE,OAAOL,IAAI,CAAC;AAC1E;AAeA,SAAgBa,oBACdC,OAAmC,CAAC,GACT;CAC3B,MAAMC,MAAMnB,OAAO;CACnB,MAAM,CAACoB,QAAQC,aAAatB,SAAoC;EAC9DgB,QAAQ;EACRV,UAAU;EACVW,OAAO;CACT,CAAC;CAID,MAAMM,aAAaxB,OAAsB,IAAI;CAC7C,MAAMyB,UAAUzB,OAAOoB,IAAI;CAC3BrB,yBAAyB;EACvB0B,QAAQC,UAAUN;CACpB,CAAC;CAEDtB,gBAAgB;EACd,MAAMe,MACJO,KAAKP,QAAQ,OAAOc,WAAW,cAAcA,OAAOC,SAASC,OAAO;EACtE,IAAI,CAAChB,KAAK;EACV,IAAIW,WAAWE,YAAYb,KAAK;EAChCW,WAAWE,UAAUb;EAErB,CAAM,YAAY;GAChB,IAAIN,WAA0B;GAC9B,IAAI;IAEF,MAAMyB,QAAQF,IADKC,IAAIlB,GACTiB,CAAM,CAACG,aAAaC,IAAI,OAAO;IAC7C,IAAIF,OAAOzB,WAAWJ,wBAAwB6B,KAAK;IACnD,IAAI,CAACA,OAAO,MAAM,IAAIxB,MAAM,6BAA2B;IACvD,IAAI,CAACD,UACH,MAAM,IAAIC,MAAM,2CAA2C;IAE7De,UAAU;KAAEN,QAAQ;KAAWV;KAAUW,OAAO;IAAK,CAAC;IACtD,MAAMG,IAAIc,IAAIC,OAAO,EAAEC,IAAI9B,SAAS,CAAC,CAAC,CAAC+B,aAAazB,GAAG;IACvDU,UAAU;KAAEN,QAAQ;KAAQV;KAAUW,OAAO;IAAK,CAAC;GACrD,SAASZ,KAAK;IACZ,MAAMY,QAAQb,4BAA4BC,KAAKC,QAAQ;IACvDgB,UAAU;KAAEN,QAAQ;KAASV;KAAUW;IAAM,CAAC;IAC9Cd,kBAAkB,WAAWqB,QAAQC,QAAQX,SAASG,KAAK;IAC3D;GACF;GAEAd,kBAAkB,cAAcqB,QAAQC,QAAQZ,YAAYP,QAAQ;EACtE,EAAA,CAAG;CACL,GAAG,CAACc,KAAKD,KAAKP,GAAG,CAAC;CAElB,OAAOS;AACT;AAEA,MAAaiB,oBAITE,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAH;CAAA,IAAApB;CAAA,IAAAsB,EAAA,OAAAD,IAAA;EAAC,CAAA,CAAAD,UAAA,GAAApB,QAAAqB;EAAqBC,EAAA,KAAAD;EAAAC,EAAA,KAAAF;EAAAE,EAAA,KAAAtB;CAAA,OAAA;EAAAoB,WAAAE,EAAA;EAAAtB,OAAAsB,EAAA;CAAA;CACxB,MAAApB,SAAeH,oBAAoBC,IAAI;CACvC,IAAIoB,UAAQ;EAAA,IAAAI;EAAA,IAAAF,EAAA,OAAAF,YAAAE,EAAA,OAAApB,QAAA;GAAYsB,KAAAJ,SAASlB,MAAM;GAACoB,EAAA,KAAAF;GAAAE,EAAA,KAAApB;GAAAoB,EAAA,KAAAE;EAAA,OAAAA,KAAAF,EAAA;EAAA,IAAAG;EAAA,IAAAH,EAAA,OAAAE,IAAA;GAAnBC,KAAA,oBAAA,UAAA,EAAA,UAAGD,GAAgB,CAAA;GAAIF,EAAA,KAAAE;GAAAF,EAAA,KAAAG;EAAA,OAAAA,KAAAH,EAAA;EAAA,OAAvBG;CAAuB;CAAC,OACtC;AAAI"}
+{"version":3,"file":"useMcpOAuthCallback.js","names":["FC","ReactNode","useEffect","useInsertionEffect","useRef","useState","useAui","decodeServerIdFromState","invokeMcpCallback","createMcpOAuthCallbackError","err","serverId","Error","message","String","cause","UseMcpOAuthCallbackOptions","url","onComplete","onError","UseMcpOAuthCallbackResult","status","error","useMcpOAuthCallback","opts","aui","result","setResult","startedRef","optsRef","current","window","location","href","superseded","parsed","URL","state","searchParams","get","mcp","server","id","completeAuth","McpOAuthCallback","children","t0","$","_c","t1","t2"],"sources":["../../src/hooks/useMcpOAuthCallback.tsx"],"sourcesContent":["import {\n  type FC,\n  type ReactNode,\n  useEffect,\n  useInsertionEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { decodeServerIdFromState } from \"../auth/createOAuthProvider\";\nimport { invokeMcpCallback } from \"../utils/invokeMcpCallback\";\n\nexport const createMcpOAuthCallbackError = (\n  err: unknown,\n  serverId: string | null,\n): Error => {\n  const message = err instanceof Error ? err.message : String(err);\n  if (serverId) {\n    return new Error(\n      `MCP OAuth callback for server \"${serverId}\" failed: ${message}`,\n      { cause: err },\n    );\n  }\n  return new Error(`MCP OAuth callback failed: ${message}`, { cause: err });\n};\n\nexport type UseMcpOAuthCallbackOptions = {\n  /** Defaults to `window.location.href`. */\n  url?: string;\n  onComplete?: (serverId: string) => void;\n  onError?: (err: Error) => void;\n};\n\nexport type UseMcpOAuthCallbackResult = {\n  status: \"idle\" | \"running\" | \"done\" | \"error\";\n  serverId: string | null;\n  error: Error | null;\n};\n\nexport function useMcpOAuthCallback(\n  opts: UseMcpOAuthCallbackOptions = {},\n): UseMcpOAuthCallbackResult {\n  const aui = useAui();\n  const [result, setResult] = useState<UseMcpOAuthCallbackResult>({\n    status: \"idle\",\n    serverId: null,\n    error: null,\n  });\n  // Guard against React 18 Strict Mode's mount-unmount-remount: the effect\n  // body must not run completeAuth twice for the same URL, otherwise the\n  // single-use OAuth code is double-redeemed and the second attempt 4xxs.\n  const startedRef = useRef<string | null>(null);\n  const optsRef = useRef(opts);\n  useInsertionEffect(() => {\n    optsRef.current = opts;\n  });\n\n  useEffect(() => {\n    const url =\n      opts.url ?? (typeof window !== \"undefined\" ? window.location.href : null);\n    if (!url) return;\n    if (startedRef.current === url) return;\n    startedRef.current = url;\n\n    // A callback page can be handed a second login URL while the first\n    // completeAuth is still in flight. That attempt keeps running, so it\n    // publishes only while its own URL is still the one being attempted;\n    // otherwise an older failure would overwrite the newer attempt's success.\n    // The check is against `startedRef` rather than a teardown flag so that\n    // Strict Mode's unmount-remount, which starts no new attempt, still\n    // publishes the result of the one already running.\n    const superseded = () => startedRef.current !== url;\n\n    void (async () => {\n      let serverId: string | null = null;\n      try {\n        const parsed = new URL(url);\n        const state = parsed.searchParams.get(\"state\");\n        if (state) serverId = decodeServerIdFromState(state);\n        if (!state) throw new Error('missing \"state\" parameter');\n        if (!serverId) {\n          throw new Error(\"state was not created by assistant-ui MCP\");\n        }\n        if (superseded()) return;\n        setResult({ status: \"running\", serverId, error: null });\n        await aui.mcp.server({ id: serverId }).completeAuth(url);\n        if (superseded()) return;\n        setResult({ status: \"done\", serverId, error: null });\n      } catch (err) {\n        if (superseded()) return;\n        const error = createMcpOAuthCallbackError(err, serverId);\n        setResult({ status: \"error\", serverId, error });\n        invokeMcpCallback(\"onError\", optsRef.current.onError, error);\n        return;\n      }\n\n      invokeMcpCallback(\"onComplete\", optsRef.current.onComplete, serverId);\n    })();\n  }, [aui, opts.url]);\n\n  return result;\n}\n\nexport const McpOAuthCallback: FC<\n  UseMcpOAuthCallbackOptions & {\n    children?: (result: UseMcpOAuthCallbackResult) => ReactNode;\n  }\n> = ({ children, ...opts }) => {\n  const result = useMcpOAuthCallback(opts);\n  if (children) return <>{children(result)}</>;\n  return null;\n};\n"],"mappings":";;;;;;;AAYA,MAAaS,+BACXC,KACAC,aACU;CACV,MAAME,UAAUH,eAAeE,QAAQF,IAAIG,UAAUC,OAAOJ,GAAG;CAC/D,IAAIC,UACF,OAAO,IAAIC,MACT,kCAAkCD,SAAQ,YAAaE,WACvD,EAAEE,OAAOL,IAAI,CACf;CAEF,OAAO,IAAIE,MAAM,8BAA8BC,WAAW,EAAEE,OAAOL,IAAI,CAAC;AAC1E;AAeA,SAAgBa,oBACdC,OAAmC,CAAC,GACT;CAC3B,MAAMC,MAAMnB,OAAO;CACnB,MAAM,CAACoB,QAAQC,aAAatB,SAAoC;EAC9DgB,QAAQ;EACRV,UAAU;EACVW,OAAO;CACT,CAAC;CAID,MAAMM,aAAaxB,OAAsB,IAAI;CAC7C,MAAMyB,UAAUzB,OAAOoB,IAAI;CAC3BrB,yBAAyB;EACvB0B,QAAQC,UAAUN;CACpB,CAAC;CAEDtB,gBAAgB;EACd,MAAMe,MACJO,KAAKP,QAAQ,OAAOc,WAAW,cAAcA,OAAOC,SAASC,OAAO;EACtE,IAAI,CAAChB,KAAK;EACV,IAAIW,WAAWE,YAAYb,KAAK;EAChCW,WAAWE,UAAUb;EASrB,MAAMiB,mBAAmBN,WAAWE,YAAYb;EAEhD,CAAM,YAAY;GAChB,IAAIN,WAA0B;GAC9B,IAAI;IAEF,MAAM0B,QAAQF,IADKC,IAAInB,GACTkB,CAAM,CAACG,aAAaC,IAAI,OAAO;IAC7C,IAAIF,OAAO1B,WAAWJ,wBAAwB8B,KAAK;IACnD,IAAI,CAACA,OAAO,MAAM,IAAIzB,MAAM,6BAA2B;IACvD,IAAI,CAACD,UACH,MAAM,IAAIC,MAAM,2CAA2C;IAE7D,IAAIsB,WAAW,GAAG;IAClBP,UAAU;KAAEN,QAAQ;KAAWV;KAAUW,OAAO;IAAK,CAAC;IACtD,MAAMG,IAAIe,IAAIC,OAAO,EAAEC,IAAI/B,SAAS,CAAC,CAAC,CAACgC,aAAa1B,GAAG;IACvD,IAAIiB,WAAW,GAAG;IAClBP,UAAU;KAAEN,QAAQ;KAAQV;KAAUW,OAAO;IAAK,CAAC;GACrD,SAASZ,KAAK;IACZ,IAAIwB,WAAW,GAAG;IAClB,MAAMZ,QAAQb,4BAA4BC,KAAKC,QAAQ;IACvDgB,UAAU;KAAEN,QAAQ;KAASV;KAAUW;IAAM,CAAC;IAC9Cd,kBAAkB,WAAWqB,QAAQC,QAAQX,SAASG,KAAK;IAC3D;GACF;GAEAd,kBAAkB,cAAcqB,QAAQC,QAAQZ,YAAYP,QAAQ;EACtE,EAAA,CAAG;CACL,GAAG,CAACc,KAAKD,KAAKP,GAAG,CAAC;CAElB,OAAOS;AACT;AAEA,MAAakB,oBAITE,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAH;CAAA,IAAArB;CAAA,IAAAuB,EAAA,OAAAD,IAAA;EAAC,CAAA,CAAAD,UAAA,GAAArB,QAAAsB;EAAqBC,EAAA,KAAAD;EAAAC,EAAA,KAAAF;EAAAE,EAAA,KAAAvB;CAAA,OAAA;EAAAqB,WAAAE,EAAA;EAAAvB,OAAAuB,EAAA;CAAA;CACxB,MAAArB,SAAeH,oBAAoBC,IAAI;CACvC,IAAIqB,UAAQ;EAAA,IAAAI;EAAA,IAAAF,EAAA,OAAAF,YAAAE,EAAA,OAAArB,QAAA;GAAYuB,KAAAJ,SAASnB,MAAM;GAACqB,EAAA,KAAAF;GAAAE,EAAA,KAAArB;GAAAqB,EAAA,KAAAE;EAAA,OAAAA,KAAAF,EAAA;EAAA,IAAAG;EAAA,IAAAH,EAAA,OAAAE,IAAA;GAAnBC,KAAA,oBAAA,UAAA,EAAA,UAAGD,GAAgB,CAAA;GAAIF,EAAA,KAAAE;GAAAF,EAAA,KAAAG;EAAA,OAAAA,KAAAH,EAAA;EAAA,OAAvBG;CAAuB;CAAC,OACtC;AAAI"}

package/dist/mcp-scope.d.ts

@@ -1,6 +1,6 @@
 import "@assistant-ui/store";
 //#region src/mcp-scope.d.ts
-type MCPAuthConfig = {
+export type MCPAuthConfig = {
   type: "none";
 } | {
   type: "bearer";
@@ -14,10 +14,10 @@ type MCPAuthConfig = {
   clientId?: string | undefined;
   clientSecret?: string | undefined;
 };
-type MCPResponseCacheConfig = {
+export type MCPResponseCacheConfig = {
   readonly defaultTtlMs?: number;
 };
-type MCPConnector = {
+export type MCPConnector = {
   id: string;
   name: string;
   url: string;
@@ -27,7 +27,7 @@ type MCPConnector = {
   readonly cache?: MCPResponseCacheConfig | undefined;
   readonly elicitation?: boolean | undefined;
 };
-type MCPCustomServerRecord = {
+export type MCPCustomServerRecord = {
   id: string;
   name: string;
   url: string;
@@ -37,14 +37,14 @@ type MCPCustomServerRecord = {
   readonly elicitation?: boolean | undefined;
   createdAt: number;
 };
-type MCPServerKind = "connector" | "custom";
-type MCPConnectionState = "disconnected" | "authRequired" | "authPending" | "connecting" | "connected" | "error";
-type MCPToolInfo = {
+export type MCPServerKind = "connector" | "custom";
+export type MCPConnectionState = "disconnected" | "authRequired" | "authPending" | "connecting" | "connected" | "error";
+export type MCPToolInfo = {
   name: string;
   description?: string | undefined;
   inputSchema: unknown;
 };
-type MCPElicitation = {
+export type MCPElicitation = {
   readonly id: string;
   readonly message: string;
   readonly requestedSchema: unknown;
@@ -53,7 +53,7 @@ type MCPElicitation = {
     readonly properties?: readonly string[] | undefined;
   } | undefined;
 };
-type MCPElicitationResponse = {
+export type MCPElicitationResponse = {
   action: "accept";
   content: Record<string, unknown>;
 } | {
@@ -61,7 +61,7 @@ type MCPElicitationResponse = {
 } | {
   action: "cancel";
 };
-type MCPServerState = {
+export type MCPServerState = {
   id: string;
   kind: MCPServerKind;
   name: string;
@@ -75,13 +75,13 @@ type MCPServerState = {
   authorizationUrl: string | null;
   readonly pendingElicitations: readonly MCPElicitation[];
 };
-type MCPManagerState = {
+export type MCPManagerState = {
   servers: MCPServerState[];
   connectors: MCPServerState[];
   customServers: MCPServerState[];
   isHydrated: boolean;
 };
-type MCPServerMethods = {
+export type MCPServerMethods = {
   getState: () => MCPServerState;
   connect: () => Promise<void>;
   disconnect: () => Promise<void>;
@@ -100,7 +100,7 @@ type MCPServerMethods = {
     message: string;
   }[] | undefined;
 };
-type MCPServerQuery = {
+export type MCPServerQuery = {
   id: string;
 } | {
   kind: "connector";
@@ -109,7 +109,7 @@ type MCPServerQuery = {
   kind: "custom";
   index: number;
 };
-type MCPManagerMethods = {
+export type MCPManagerMethods = {
   getState: () => MCPManagerState;
   /** Look up a server by id, or by index within its kind. */
   server: (query: MCPServerQuery) => MCPServerMethods;
@@ -146,5 +146,4 @@ declare module "@assistant-ui/store" {
   }
 }
 //#endregion
-export { MCPAuthConfig, MCPConnectionState, MCPConnector, MCPCustomServerRecord, MCPElicitation, MCPElicitationResponse, MCPManagerMethods, MCPManagerState, MCPResponseCacheConfig, MCPServerKind, MCPServerMethods, MCPServerQuery, MCPServerState, MCPToolInfo };
 //# sourceMappingURL=mcp-scope.d.ts.map

package/dist/mcp-scope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-scope.d.ts","names":[],"sources":["../src/mcp-scope.ts"],"mappings":";;KAEY;EACN;;EACA;EAAgB;;EAEhB;EACA;EACA;EACA;EACA;EACA;EACA;;KAGM;WACD;;KAGC;EACV;EACA;EACA;EACA;EACA,MAAM;EACN;WACS,QAAQ;WACR;;KAGC;EACV;EACA;EACA;EACA,MAAM;EACN;WACS,QAAQ;WACR;EACT;;KAGU;KAEA;KAQA;EACV;EACA;EACA;;KAGU;WACD;WACA;WACA;WACA;aAEM;aACA;;;KAKL;EACN;EAAkB,SAAS;;EAC3B;;EACA;;KAEM;EACV;EACA,MAAM;EACN;EACA;EACA;EACA,iBAAiB;EACjB;IAAa;;EACb,OAAO;EACP;WACS,8BAA8B;;KAG7B;EACV,SAAS;EACT,YAAY;EACZ,eAAe;EACf;;KAGU;EACV,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,cAAc;EACd,WAAW,cAAc,kBAAkB;;EAE3C,gBAAgB;IAAW;QAAkC;;EAE7D,eAAe,gBAAgB;;EAE/B,eAAe,wBAAwB;EACvC,kBACE,YACA,UAAU;IACE;IAAkB;;;KAGtB;EACN;;EACA;EAAmB;;EACnB;EAAgB;;KAEV;EACV,gBAAgB;;EAEhB,SAAS,OAAO,mBAAmB;;EAEnC,YAAY;IAAS;QAAoB;;EAEzC,eAAe;IAAS;QAAoB;EAC5C,kBAAkB;IAChB;IACA;IACA,MAAM;IACN;aACS,QAAQ;aACR;QACL;EACN,eAAe,eAAe;;;YAIpB;IACR;MACE,SAAS;;IAEX;MACE,SAAS;MACT;QAAQ;QAAe,OAAO"}
+{"version":3,"file":"mcp-scope.d.ts","names":[],"sources":["../src/mcp-scope.ts"],"mappings":";;YAEY;EACN;;EACA;EAAgB;;EAEhB;EACA;EACA;EACA;EACA;EACA;EACA;;YAGM;WACD;;YAGC;EACV;EACA;EACA;EACA;EACA,MAAM;EACN;WACS,QAAQ;WACR;;YAGC;EACV;EACA;EACA;EACA,MAAM;EACN;WACS,QAAQ;WACR;EACT;;YAGU;YAEA;YAQA;EACV;EACA;EACA;;YAGU;WACD;WACA;WACA;WACA;aAEM;aACA;;;YAKL;EACN;EAAkB,SAAS;;EAC3B;;EACA;;YAEM;EACV;EACA,MAAM;EACN;EACA;EACA;EACA,iBAAiB;EACjB;IAAa;;EACb,OAAO;EACP;WACS,8BAA8B;;YAG7B;EACV,SAAS;EACT,YAAY;EACZ,eAAe;EACf;;YAGU;EACV,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,cAAc;EACd,WAAW,cAAc,kBAAkB;;EAE3C,gBAAgB;IAAW;QAAkC;;EAE7D,eAAe,gBAAgB;;EAE/B,eAAe,wBAAwB;EACvC,kBACE,YACA,UAAU;IACE;IAAkB;;;YAGtB;EACN;;EACA;EAAmB;;EACnB;EAAgB;;YAEV;EACV,gBAAgB;;EAEhB,SAAS,OAAO,mBAAmB;;EAEnC,YAAY;IAAS;QAAoB;;EAEzC,eAAe;IAAS;QAAoB;EAC5C,kBAAkB;IAChB;IACA;IACA,MAAM;IACN;aACS,QAAQ;aACR;QACL;EACN,eAAe,eAAe;;;YAIpB;IACR;MACE,SAAS;;IAEX;MACE,SAAS;MACT;QAAQ;QAAe,OAAO"}

package/dist/primitives/addForm/McpAddFormAuthFields.d.ts

@@ -1,18 +1,18 @@
 import { AddFormAuthType } from "./context.js";
 import { FC } from "react";
 //#region src/primitives/addForm/McpAddFormAuthFields.d.ts
-declare namespace McpAddFormPrimitiveAuthFields {
+export declare namespace McpAddFormPrimitiveAuthFields {
   type Props = {
     /**
      * Optional render override. Receives the current auth type so apps can render
-     * fully custom inputs. Defaults to a minimal built-in for bearer / oauth.
+     * fully custom inputs, bound to the form through `BearerTokenField` and
+     * `ScopesField`. Defaults to a minimal built-in for bearer / oauth.
      */
     children?: FC<{
       authType: AddFormAuthType;
     }>;
   };
 }
-declare const McpAddFormPrimitiveAuthFields: FC<McpAddFormPrimitiveAuthFields.Props>;
+export declare const McpAddFormPrimitiveAuthFields: FC<McpAddFormPrimitiveAuthFields.Props>;
 //#endregion
-export { McpAddFormPrimitiveAuthFields };
 //# sourceMappingURL=McpAddFormAuthFields.d.ts.map

package/dist/primitives/addForm/McpAddFormAuthFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpAddFormAuthFields.d.ts","names":[],"sources":["../../../src/primitives/addForm/McpAddFormAuthFields.tsx"],"mappings":";;;kBAGiB;OACH;;;;;IAKV,WAAW;MAAK,UAAU;;;;cAIjB,+BAA+B,GAC1C,8BAA8B"}
+{"version":3,"file":"McpAddFormAuthFields.d.ts","names":[],"sources":["../../../src/primitives/addForm/McpAddFormAuthFields.tsx"],"mappings":";;;yBAKiB;OACH;;;;;;IAMV,WAAW;MAAK,UAAU;;;;qBAIjB,+BAA+B,GAC1C,8BAA8B"}

package/dist/primitives/addForm/McpAddFormAuthFields.js

@@ -1,11 +1,13 @@
 import { useAddForm } from "./context.js";
+import { McpAddFormPrimitiveBearerTokenField } from "./McpAddFormBearerTokenField.js";
+import { McpAddFormPrimitiveScopesField } from "./McpAddFormScopesField.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/primitives/addForm/McpAddFormAuthFields.tsx
 const McpAddFormPrimitiveAuthFields = (t0) => {
-	const $ = c(27);
+	const $ = c(7);
 	const { children } = t0;
-	const { state, ids, setField } = useAddForm();
+	const { state, ids } = useAddForm();
 	if (children) {
 		const Render = children;
 		let t1;
@@ -20,89 +22,34 @@ const McpAddFormPrimitiveAuthFields = (t0) => {
 	if (state.authType === "bearer") {
 		let t1;
 		if ($[3] !== ids.bearerToken) {
-			t1 = /* @__PURE__ */ jsx("label", {
+			t1 = /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
 				htmlFor: ids.bearerToken,
 				"data-mcp-auth-field-label": "bearer-token",
 				children: "Bearer token"
-			});
+			}), /* @__PURE__ */ jsx(McpAddFormPrimitiveBearerTokenField, {
+				id: ids.bearerToken,
+				"data-mcp-auth-field": "bearer-token"
+			})] });
 			$[3] = ids.bearerToken;
 			$[4] = t1;
 		} else t1 = $[4];
-		let t2;
-		if ($[5] !== setField) {
-			t2 = (e) => setField("bearerToken", e.target.value);
-			$[5] = setField;
-			$[6] = t2;
-		} else t2 = $[6];
-		const t3 = state.errorField === "bearerToken" ? true : void 0;
-		const t4 = state.errorField === "bearerToken" ? ids.error : void 0;
-		let t5;
-		if ($[7] !== ids.bearerToken || $[8] !== state.bearerToken || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
-			t5 = /* @__PURE__ */ jsx("input", {
-				id: ids.bearerToken,
-				type: "password",
-				value: state.bearerToken,
-				onChange: t2,
-				"aria-invalid": t3,
-				"aria-describedby": t4,
-				"data-mcp-auth-field": "bearer-token"
-			});
-			$[7] = ids.bearerToken;
-			$[8] = state.bearerToken;
-			$[9] = t2;
-			$[10] = t3;
-			$[11] = t4;
-			$[12] = t5;
-		} else t5 = $[12];
-		let t6;
-		if ($[13] !== t1 || $[14] !== t5) {
-			t6 = /* @__PURE__ */ jsxs("div", { children: [t1, t5] });
-			$[13] = t1;
-			$[14] = t5;
-			$[15] = t6;
-		} else t6 = $[15];
-		return t6;
+		return t1;
 	}
 	if (state.authType === "oauth") {
 		let t1;
-		if ($[16] !== ids.scopes) {
-			t1 = /* @__PURE__ */ jsx("label", {
+		if ($[5] !== ids.scopes) {
+			t1 = /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
 				htmlFor: ids.scopes,
 				"data-mcp-auth-field-label": "oauth-scopes",
 				children: "OAuth scopes"
-			});
-			$[16] = ids.scopes;
-			$[17] = t1;
-		} else t1 = $[17];
-		let t2;
-		if ($[18] !== setField) {
-			t2 = (e_0) => setField("scopes", e_0.target.value);
-			$[18] = setField;
-			$[19] = t2;
-		} else t2 = $[19];
-		let t3;
-		if ($[20] !== ids.scopes || $[21] !== state.scopes || $[22] !== t2) {
-			t3 = /* @__PURE__ */ jsx("input", {
+			}), /* @__PURE__ */ jsx(McpAddFormPrimitiveScopesField, {
 				id: ids.scopes,
-				type: "text",
-				placeholder: "Scopes (space-separated, optional)",
-				value: state.scopes,
-				onChange: t2,
 				"data-mcp-auth-field": "oauth-scopes"
-			});
-			$[20] = ids.scopes;
-			$[21] = state.scopes;
-			$[22] = t2;
-			$[23] = t3;
-		} else t3 = $[23];
-		let t4;
-		if ($[24] !== t1 || $[25] !== t3) {
-			t4 = /* @__PURE__ */ jsxs("div", { children: [t1, t3] });
-			$[24] = t1;
-			$[25] = t3;
-			$[26] = t4;
-		} else t4 = $[26];
-		return t4;
+			})] });
+			$[5] = ids.scopes;
+			$[6] = t1;
+		} else t1 = $[6];
+		return t1;
 	}
 	return null;
 };

package/dist/primitives/addForm/McpAddFormAuthFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"McpAddFormAuthFields.js","names":["FC","AddFormAuthType","useAddForm","McpAddFormPrimitiveAuthFields","Props","children","authType","t0","$","_c","state","ids","setField","Render","t1","bearerToken","t2","e","target","value","t3","errorField","undefined","t4","error","t5","t6","scopes","e_0","displayName"],"sources":["../../../src/primitives/addForm/McpAddFormAuthFields.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { type AddFormAuthType, useAddForm } from \"./context\";\n\nexport namespace McpAddFormPrimitiveAuthFields {\n  export type Props = {\n    /**\n     * Optional render override. Receives the current auth type so apps can render\n     * fully custom inputs. Defaults to a minimal built-in for bearer / oauth.\n     */\n    children?: FC<{ authType: AddFormAuthType }>;\n  };\n}\n\nexport const McpAddFormPrimitiveAuthFields: FC<\n  McpAddFormPrimitiveAuthFields.Props\n> = ({ children }) => {\n  const { state, ids, setField } = useAddForm();\n\n  if (children) {\n    const Render = children;\n    return <Render authType={state.authType} />;\n  }\n\n  if (state.authType === \"bearer\") {\n    return (\n      <div>\n        <label\n          htmlFor={ids.bearerToken}\n          data-mcp-auth-field-label=\"bearer-token\"\n        >\n          Bearer token\n        </label>\n        <input\n          id={ids.bearerToken}\n          type=\"password\"\n          value={state.bearerToken}\n          onChange={(e) => setField(\"bearerToken\", e.target.value)}\n          aria-invalid={state.errorField === \"bearerToken\" ? true : undefined}\n          aria-describedby={\n            state.errorField === \"bearerToken\" ? ids.error : undefined\n          }\n          data-mcp-auth-field=\"bearer-token\"\n        />\n      </div>\n    );\n  }\n\n  if (state.authType === \"oauth\") {\n    return (\n      <div>\n        <label htmlFor={ids.scopes} data-mcp-auth-field-label=\"oauth-scopes\">\n          OAuth scopes\n        </label>\n        <input\n          id={ids.scopes}\n          type=\"text\"\n          placeholder=\"Scopes (space-separated, optional)\"\n          value={state.scopes}\n          onChange={(e) => setField(\"scopes\", e.target.value)}\n          data-mcp-auth-field=\"oauth-scopes\"\n        />\n      </div>\n    );\n  }\n\n  return null;\n};\n\nMcpAddFormPrimitiveAuthFields.displayName = \"McpAddFormPrimitive.AuthFields\";\n"],"mappings":"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"}
+{"version":3,"file":"McpAddFormAuthFields.js","names":["FC","McpAddFormPrimitiveBearerTokenField","McpAddFormPrimitiveScopesField","AddFormAuthType","useAddForm","McpAddFormPrimitiveAuthFields","Props","children","authType","t0","$","_c","state","ids","Render","t1","bearerToken","scopes","displayName"],"sources":["../../../src/primitives/addForm/McpAddFormAuthFields.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { McpAddFormPrimitiveBearerTokenField } from \"./McpAddFormBearerTokenField\";\nimport { McpAddFormPrimitiveScopesField } from \"./McpAddFormScopesField\";\nimport { type AddFormAuthType, useAddForm } from \"./context\";\n\nexport namespace McpAddFormPrimitiveAuthFields {\n  export type Props = {\n    /**\n     * Optional render override. Receives the current auth type so apps can render\n     * fully custom inputs, bound to the form through `BearerTokenField` and\n     * `ScopesField`. Defaults to a minimal built-in for bearer / oauth.\n     */\n    children?: FC<{ authType: AddFormAuthType }>;\n  };\n}\n\nexport const McpAddFormPrimitiveAuthFields: FC<\n  McpAddFormPrimitiveAuthFields.Props\n> = ({ children }) => {\n  const { state, ids } = useAddForm();\n\n  if (children) {\n    const Render = children;\n    return <Render authType={state.authType} />;\n  }\n\n  if (state.authType === \"bearer\") {\n    return (\n      <div>\n        <label\n          htmlFor={ids.bearerToken}\n          data-mcp-auth-field-label=\"bearer-token\"\n        >\n          Bearer token\n        </label>\n        <McpAddFormPrimitiveBearerTokenField\n          id={ids.bearerToken}\n          data-mcp-auth-field=\"bearer-token\"\n        />\n      </div>\n    );\n  }\n\n  if (state.authType === \"oauth\") {\n    return (\n      <div>\n        <label htmlFor={ids.scopes} data-mcp-auth-field-label=\"oauth-scopes\">\n          OAuth scopes\n        </label>\n        <McpAddFormPrimitiveScopesField\n          id={ids.scopes}\n          data-mcp-auth-field=\"oauth-scopes\"\n        />\n      </div>\n    );\n  }\n\n  return null;\n};\n\nMcpAddFormPrimitiveAuthFields.displayName = \"McpAddFormPrimitive.AuthFields\";\n"],"mappings":";;;;;;AAgBA,MAAaK,iCAETI,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAJ,aAAAE;CACH,MAAA,EAAAG,OAAAC,QAAuBT,WAAW;CAElC,IAAIG,UAAQ;EACV,MAAAO,SAAeP;EAAS,IAAAQ;EAAA,IAAAL,EAAA,OAAAI,UAAAJ,EAAA,OAAAE,MAAAJ,UAAA;GACjBO,KAAA,oBAAC,QAAD,EAAkB,UAAAH,MAAKJ,SAAS,CAAA;GAAIE,EAAA,KAAAI;GAAAJ,EAAA,KAAAE,MAAAJ;GAAAE,EAAA,KAAAK;EAAA,OAAAA,KAAAL,EAAA;EAAA,OAApCK;CAAoC;CAG7C,IAAIH,MAAKJ,aAAc,UAAQ;EAAA,IAAAO;EAAA,IAAAL,EAAA,OAAAG,IAAAG,aAAA;GAE3BD,KAAA,qBAAA,OAAA,EAAA,UAAA,CACE,oBAAA,SAAA;IACW,SAAAF,IAAGG;IACc,6BAAA;IAC3B,UAAA;GAEO,CAAA,GACR,oBAAC,qCAAD;IACM,IAAAH,IAAGG;IACa,uBAAA;GAAc,CAAA,CAEhC,EAAA,CAAA;GAAAN,EAAA,KAAAG,IAAAG;GAAAN,EAAA,KAAAK;EAAA,OAAAA,KAAAL,EAAA;EAAA,OAXNK;CAWM;CAIV,IAAIH,MAAKJ,aAAc,SAAO;EAAA,IAAAO;EAAA,IAAAL,EAAA,OAAAG,IAAAI,QAAA;GAE1BF,KAAA,qBAAA,OAAA,EAAA,UAAA,CACE,oBAAA,SAAA;IAAgB,SAAAF,IAAGI;IAAmC,6BAAA;IAAe,UAAA;GAE7D,CAAA,GACR,oBAAC,gCAAD;IACM,IAAAJ,IAAGI;IACa,uBAAA;GAAc,CAAA,CAEhC,EAAA,CAAA;GAAAP,EAAA,KAAAG,IAAAI;GAAAP,EAAA,KAAAK;EAAA,OAAAA,KAAAL,EAAA;EAAA,OARNK;CAQM;CAET,OAEM;AAAI;AAGbV,8BAA8Ba,cAAc"}

package/dist/primitives/addForm/McpAddFormAuthSelect.d.ts

@@ -1,11 +1,10 @@
 import { ComponentPropsWithoutRef, ComponentRef } from "react";
 import { Primitive } from "@radix-ui/react-primitive";
 //#region src/primitives/addForm/McpAddFormAuthSelect.d.ts
-declare namespace McpAddFormPrimitiveAuthSelect {
+export declare namespace McpAddFormPrimitiveAuthSelect {
   type Element = ComponentRef<typeof Primitive.select>;
   type Props = Omit<ComponentPropsWithoutRef<typeof Primitive.select>, "value" | "onChange">;
 }
-declare const McpAddFormPrimitiveAuthSelect: import("react").ForwardRefExoticComponent<McpAddFormPrimitiveAuthSelect.Props & import("react").RefAttributes<HTMLSelectElement>>;
+export declare const McpAddFormPrimitiveAuthSelect: import("react").ForwardRefExoticComponent<McpAddFormPrimitiveAuthSelect.Props & import("react").RefAttributes<HTMLSelectElement>>;
 //#endregion
-export { McpAddFormPrimitiveAuthSelect };
 //# sourceMappingURL=McpAddFormAuthSelect.d.ts.map

package/dist/primitives/addForm/McpAddFormAuthSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpAddFormAuthSelect.d.ts","names":[],"sources":["../../../src/primitives/addForm/McpAddFormAuthSelect.tsx"],"mappings":";;;kBAoBiB;OACH,UAAU,oBAAoB,UAAU;OACxC,QAAQ,KAClB,gCAAgC,UAAU;;cAKjC,+CAA6B,0BAAA,8BAAA,wBAAA,cAAA"}
+{"version":3,"file":"McpAddFormAuthSelect.d.ts","names":[],"sources":["../../../src/primitives/addForm/McpAddFormAuthSelect.tsx"],"mappings":";;;yBAoBiB;OACH,UAAU,oBAAoB,UAAU;OACxC,QAAQ,KAClB,gCAAgC,UAAU;;qBAKjC,+CAA6B,0BAAA,8BAAA,wBAAA,cAAA"}

package/dist/primitives/addForm/McpAddFormBearerTokenField.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef, ComponentRef } from "react";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/primitives/addForm/McpAddFormBearerTokenField.d.ts
+export declare namespace McpAddFormPrimitiveBearerTokenField {
+  type Element = ComponentRef<typeof Primitive.input>;
+  type Props = Omit<ComponentPropsWithoutRef<typeof Primitive.input>, "value" | "onChange" | "type">;
+}
+export declare const McpAddFormPrimitiveBearerTokenField: import("react").ForwardRefExoticComponent<McpAddFormPrimitiveBearerTokenField.Props & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//# sourceMappingURL=McpAddFormBearerTokenField.d.ts.map

package/dist/primitives/addForm/McpAddFormBearerTokenField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpAddFormBearerTokenField.d.ts","names":[],"sources":["../../../src/primitives/addForm/McpAddFormBearerTokenField.tsx"],"mappings":";;;yBAQiB;OACH,UAAU,oBAAoB,UAAU;OACxC,QAAQ,KAClB,gCAAgC,UAAU;;qBAKjC,qDAAmC,0BAAA,oCAAA,wBAAA,cAAA"}

package/dist/primitives/addForm/McpAddFormBearerTokenField.js

@@ -0,0 +1,50 @@
+import { useAddForm } from "./context.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
+import { Primitive } from "@radix-ui/react-primitive";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/addForm/McpAddFormBearerTokenField.tsx
+const McpAddFormPrimitiveBearerTokenField = forwardRef((props, ref) => {
+	const $ = c(13);
+	const { state, ids, setField } = useAddForm();
+	const t0 = props["aria-invalid"] ?? (state.errorField === "bearerToken" ? true : void 0);
+	let t1;
+	if ($[0] !== ids || $[1] !== props || $[2] !== state.errorField) {
+		t1 = [props["aria-describedby"], state.errorField === "bearerToken" ? ids.error : null].filter(Boolean).join(" ") || void 0;
+		$[0] = ids;
+		$[1] = props;
+		$[2] = state.errorField;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== setField) {
+		t2 = (e) => setField("bearerToken", e.target.value);
+		$[4] = setField;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props || $[7] !== ref || $[8] !== state.bearerToken || $[9] !== t0 || $[10] !== t1 || $[11] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Primitive.input, {
+			type: "password",
+			...props,
+			"aria-invalid": t0,
+			"aria-describedby": t1,
+			ref,
+			value: state.bearerToken,
+			onChange: t2
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = state.bearerToken;
+		$[9] = t0;
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t3;
+	} else t3 = $[12];
+	return t3;
+});
+McpAddFormPrimitiveBearerTokenField.displayName = "McpAddFormPrimitive.BearerTokenField";
+//#endregion
+export { McpAddFormPrimitiveBearerTokenField };
+
+//# sourceMappingURL=McpAddFormBearerTokenField.js.map

package/dist/primitives/addForm/McpAddFormBearerTokenField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpAddFormBearerTokenField.js","names":["ComponentPropsWithoutRef","ComponentRef","forwardRef","Primitive","useAddForm","McpAddFormPrimitiveBearerTokenField","Element","input","Props","Omit","props","ref","$","_c","state","ids","setField","t0","errorField","undefined","t1","error","filter","Boolean","join","t2","e","target","value","t3","bearerToken","displayName"],"sources":["../../../src/primitives/addForm/McpAddFormBearerTokenField.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAddForm } from \"./context\";\n\nexport namespace McpAddFormPrimitiveBearerTokenField {\n  export type Element = ComponentRef<typeof Primitive.input>;\n  export type Props = Omit<\n    ComponentPropsWithoutRef<typeof Primitive.input>,\n    \"value\" | \"onChange\" | \"type\"\n  >;\n}\n\nexport const McpAddFormPrimitiveBearerTokenField = forwardRef<\n  McpAddFormPrimitiveBearerTokenField.Element,\n  McpAddFormPrimitiveBearerTokenField.Props\n>((props, ref) => {\n  const { state, ids, setField } = useAddForm();\n  return (\n    <Primitive.input\n      type=\"password\"\n      {...props}\n      aria-invalid={\n        props[\"aria-invalid\"] ??\n        (state.errorField === \"bearerToken\" ? true : undefined)\n      }\n      aria-describedby={\n        [\n          props[\"aria-describedby\"],\n          state.errorField === \"bearerToken\" ? ids.error : null,\n        ]\n          .filter(Boolean)\n          .join(\" \") || undefined\n      }\n      ref={ref}\n      value={state.bearerToken}\n      onChange={(e) => setField(\"bearerToken\", e.target.value)}\n    />\n  );\n});\n\nMcpAddFormPrimitiveBearerTokenField.displayName =\n  \"McpAddFormPrimitive.BearerTokenField\";\n"],"mappings":";;;;;;AAgBA,MAAaK,sCAAsCH,YAGjDQ,OAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACA,MAAA,EAAAC,OAAAC,KAAAC,aAAiCZ,WAAW;CAMtC,MAAAa,KAAAP,MAAM,oBACLI,MAAKI,eAAgB,gBAArB,OAAAC,KAAAA;CAAsD,IAAAC;CAAA,IAAAR,EAAA,OAAAG,OAAAH,EAAA,OAAAF,SAAAE,EAAA,OAAAE,MAAAI,YAAA;EAGvDE,KAAA,CACEV,MAAM,qBACNI,MAAKI,eAAgB,gBAAgBH,IAAGM,QAAxC,IAAqD,CACtD,CAAAC,OACSC,OAAO,CAAC,CAAAC,KACV,GAAgB,KALxBL,KAAAA;EAKyBP,EAAA,KAAAG;EAAAH,EAAA,KAAAF;EAAAE,EAAA,KAAAE,MAAAI;EAAAN,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,OAAAI,UAAA;EAIjBS,MAAAC,MAAOV,SAAS,eAAeU,EAACC,OAAOC,KAAM;EAAChB,EAAA,KAAAI;EAAAJ,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAAF,SAAAE,EAAA,OAAAD,OAAAC,EAAA,OAAAE,MAAAgB,eAAAlB,EAAA,OAAAK,MAAAL,EAAA,QAAAQ,MAAAR,EAAA,QAAAa,IAAA;EAjB1DI,KAAA,oBAAA,UAAA,OAAA;GACO,MAAA;GAAU,GACXnB;GAEF,gBAAAO;GAIA,oBAAAG;GAOGT;GACE,OAAAG,MAAKgB;GACF,UAAAL;EAA8C,CAAA;EACxDb,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAE,MAAAgB;EAAAlB,EAAA,KAAAK;EAAAL,EAAA,MAAAQ;EAAAR,EAAA,MAAAa;EAAAb,EAAA,MAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,OAlBFiB;AAkBE,CAEL;AAEDxB,oCAAoC0B,cAClC"}