fix: add explicit .js extensions to relative imports so declarations resolve under NodeNext/Node16

src/app-bridge.test.ts

@@ -14,16 +14,16 @@ import {
 } from "@modelcontextprotocol/sdk/types.js";
 import { z } from "zod/v4";
 
-import { App } from "./app";
-import { LATEST_PROTOCOL_VERSION } from "./types";
+import { App } from "./app.js";
+import { LATEST_PROTOCOL_VERSION } from "./types.js";
 import {
   AppBridge,
   buildAllowAttribute,
   getToolUiResourceUri,
   isToolVisibilityModelOnly,
   isToolVisibilityAppOnly,
   type McpUiHostCapabilities,
-} from "./app-bridge";
+} from "./app-bridge.js";
 
 /** Wait for pending microtasks to complete */
 const flush = () => new Promise((resolve) => setTimeout(resolve, 0));

src/app-bridge.ts

@@ -47,7 +47,7 @@ import {
   ProtocolOptions,
   RequestOptions,
 } from "@modelcontextprotocol/sdk/shared/protocol.js";
-import { ProtocolWithEvents } from "./events";
+import { ProtocolWithEvents } from "./events.js";
 
 import {
   type AppNotification,
@@ -92,11 +92,11 @@ import {
   McpUiRequestDisplayModeResult,
   McpUiResourcePermissions,
   McpUiToolMeta,
-} from "./types";
-export * from "./types";
-export { RESOURCE_URI_META_KEY, RESOURCE_MIME_TYPE } from "./app";
-import { RESOURCE_URI_META_KEY } from "./app";
-export { PostMessageTransport } from "./message-transport";
+} from "./types.js";
+export * from "./types.js";
+export { RESOURCE_URI_META_KEY, RESOURCE_MIME_TYPE } from "./app.js";
+import { RESOURCE_URI_META_KEY } from "./app.js";
+export { PostMessageTransport } from "./message-transport.js";
 
 /**
  * Extract UI resource URI from tool metadata.

src/app.ts

@@ -31,10 +31,10 @@ import {
   ToolAnnotations,
   ToolListChangedNotification,
 } from "@modelcontextprotocol/sdk/types.js";
-import { AppNotification, AppRequest, AppResult } from "./types";
-import { ProtocolWithEvents } from "./events";
+import { AppNotification, AppRequest, AppResult } from "./types.js";
+import { ProtocolWithEvents } from "./events.js";
 export { ProtocolWithEvents };
-import { PostMessageTransport } from "./message-transport";
+import { PostMessageTransport } from "./message-transport.js";
 import {
   LATEST_PROTOCOL_VERSION,
   McpUiAppCapabilities,
@@ -67,28 +67,28 @@ import {
   McpUiToolResultNotificationSchema,
   McpUiRequestDisplayModeRequest,
   McpUiRequestDisplayModeResultSchema,
-} from "./types";
+} from "./types.js";
 import { Transport } from "@modelcontextprotocol/sdk/shared/transport.js";
 import {
   StandardSchemaV1,
   standardSchemaToJsonSchema,
   validateStandardSchema,
-} from "./standard-schema";
+} from "./standard-schema.js";
 import { z } from "zod/v4";
 
 export type {
   StandardSchemaV1,
   StandardSchemaWithJSON,
-} from "./standard-schema";
+} from "./standard-schema.js";
 
-export { PostMessageTransport } from "./message-transport";
-export * from "./types";
+export { PostMessageTransport } from "./message-transport.js";
+export * from "./types.js";
 export {
   applyHostStyleVariables,
   applyHostFonts,
   getDocumentTheme,
   applyDocumentTheme,
-} from "./styles";
+} from "./styles.js";
 
 /**
  * Metadata key for associating a UI resource URI with a tool.

src/message-transport.test.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect, beforeEach, afterEach, mock } from "bun:test";
 import type { JSONRPCMessage } from "@modelcontextprotocol/sdk/types.js";
 
-import { PostMessageTransport } from "./message-transport";
+import { PostMessageTransport } from "./message-transport.js";
 
 /**
  * Minimal `window` stub for bun's DOM-less test environment.

src/message-transport.ts

@@ -7,7 +7,7 @@ import {
   Transport,
   TransportSendOptions,
 } from "@modelcontextprotocol/sdk/shared/transport.js";
-import { TOOL_INPUT_PARTIAL_METHOD } from "./spec.types";
+import { TOOL_INPUT_PARTIAL_METHOD } from "./spec.types.js";
 
 /**
  * JSON-RPC transport using `window.postMessage` for iframe↔parent communication.

src/react/index.tsx

@@ -31,7 +31,7 @@
  * }
  * ```
  */
-export * from "./useApp";
-export * from "./useAutoResize";
-export * from "./useDocumentTheme";
-export * from "./useHostStyles";
+export * from "./useApp.js";
+export * from "./useAutoResize.js";
+export * from "./useDocumentTheme.js";
+export * from "./useHostStyles.js";

src/react/useApp.tsx

@@ -6,8 +6,8 @@ import {
   AppOptions,
   McpUiAppCapabilities,
   PostMessageTransport,
-} from "../app";
-export * from "../app";
+} from "../app.js";
+export * from "../app.js";
 
 /**
  * Options for configuring the {@link useApp `useApp`} hook.

src/react/useAutoResize.ts

@@ -1,5 +1,5 @@
 import { useEffect, RefObject } from "react";
-import { App } from "../app";
+import { App } from "../app.js";
 
 /**
  * React hook that automatically reports UI size changes to the host.

src/react/useDocumentTheme.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
-import { getDocumentTheme } from "../styles";
-import { McpUiTheme } from "../types";
+import { getDocumentTheme } from "../styles.js";
+import { McpUiTheme } from "../types.js";
 
 /**
  * React hook that provides the current document theme reactively.

src/react/useHostStyles.ts

@@ -1,11 +1,11 @@
 import { useEffect, useRef } from "react";
-import { App } from "../app";
+import { App } from "../app.js";
 import {
   applyDocumentTheme,
   applyHostFonts,
   applyHostStyleVariables,
-} from "../styles";
-import { McpUiHostContext } from "../types";
+} from "../styles.js";
+import { McpUiHostContext } from "../types.js";
 
 /**
  * React hook that applies host style variables and theme as CSS custom properties.

src/server/index.test.ts

@@ -6,7 +6,7 @@ import {
   RESOURCE_MIME_TYPE,
   getUiCapability,
   EXTENSION_ID,
-} from "./index";
+} from "./index.js";
 import type { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
 
 describe("registerAppTool", () => {

src/server/index.ts

@@ -52,7 +52,7 @@ import type {
   AnySchema,
   ZodRawShapeCompat,
 } from "@modelcontextprotocol/sdk/server/zod-compat.js";
-import type { StandardSchemaWithJSON } from "../standard-schema";
+import type { StandardSchemaWithJSON } from "../standard-schema.js";
 import type {
   ClientCapabilities,
   ReadResourceResult,

src/styles.ts

@@ -1,4 +1,4 @@
-import { McpUiStyles, McpUiTheme } from "./types";
+import { McpUiStyles, McpUiTheme } from "./types.js";
 
 /**
  * Get the current document theme from the root HTML element.