Update MIME type to text/html;profile=mcp-app

Apply MIME type change from commit 0af1532 to all examples and docs.
The profile parameter follows RFC 6838 recommendations for custom
media types, as MCP Apps is a profile of HTML rather than a new syntax.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: jonathanhefner

docs/quickstart.md

@@ -132,7 +132,9 @@ server.registerResource(resourceUri, resourceUri, {}, async () => {
     "utf-8",
   );
   return {
-    contents: [{ uri: resourceUri, mimeType: "text/html+mcp", text: html }],
+    contents: [
+      { uri: resourceUri, mimeType: "text/html;profile=mcp-app", text: html },
+    ],
   };
 });
 

examples/basic-host/src/implementation.ts

@@ -106,9 +106,9 @@ async function getUiResourceHtml(serverInfo: ServerInfo, uri: string): Promise<s
 
   const content = resource.contents[0];
 
-  // Per the MCP App specification, "text/html+mcp" signals this resource is
-  // indeed for an MCP App UI.
-  if (content.mimeType !== "text/html+mcp") {
+  // Per the MCP App specification, "text/html;profile=mcp-app" signals this
+  // resource is indeed for an MCP App UI.
+  if (content.mimeType !== "text/html;profile=mcp-app") {
     throw new Error(`Unsupported MIME type: ${content.mimeType}`);
   }
 

examples/basic-server-react/server.ts

@@ -51,9 +51,9 @@ const server = new McpServer({
 
       return {
         contents: [
-          // Per the MCP App specification, "text/html+mcp" signals to the Host
-          // that this resource is indeed for an MCP App UI.
-          { uri: resourceUri, mimeType: "text/html+mcp", text: html },
+          // Per the MCP App specification, "text/html;profile=mcp-app" signals
+          // to the Host that this resource is indeed for an MCP App UI.
+          { uri: resourceUri, mimeType: "text/html;profile=mcp-app", text: html },
         ],
       };
     },

examples/basic-server-vanillajs/server.ts

@@ -51,9 +51,9 @@ const server = new McpServer({
 
       return {
         contents: [
-          // Per the MCP App specification, "text/html+mcp" signals to the Host
-          // that this resource is indeed for an MCP App UI.
-          { uri: resourceUri, mimeType: "text/html+mcp", text: html },
+          // Per the MCP App specification, "text/html;profile=mcp-app" signals
+          // to the Host that this resource is indeed for an MCP App UI.
+          { uri: resourceUri, mimeType: "text/html;profile=mcp-app", text: html },
         ],
       };
     },

examples/budget-allocator-server/server.ts

@@ -310,7 +310,9 @@ server.registerResource(
       "utf-8",
     );
     return {
-      contents: [{ uri: resourceUri, mimeType: "text/html+mcp", text: html }],
+      contents: [
+        { uri: resourceUri, mimeType: "text/html;profile=mcp-app", text: html },
+      ],
     };
   },
 );

examples/cohort-heatmap-server/server.ts

@@ -205,7 +205,13 @@ const server = new McpServer({
       );
 
       return {
-        contents: [{ uri: resourceUri, mimeType: "text/html+mcp", text: html }],
+        contents: [
+          {
+            uri: resourceUri,
+            mimeType: "text/html;profile=mcp-app",
+            text: html,
+          },
+        ],
       };
     },
   );

examples/customer-segmentation-server/server.ts

@@ -116,7 +116,13 @@ const server = new McpServer({
       );
 
       return {
-        contents: [{ uri: resourceUri, mimeType: "text/html+mcp", text: html }],
+        contents: [
+          {
+            uri: resourceUri,
+            mimeType: "text/html;profile=mcp-app",
+            text: html,
+          },
+        ],
       };
     },
   );

examples/scenario-modeler-server/server.ts

@@ -344,7 +344,13 @@ const server = new McpServer({
         "utf-8",
       );
       return {
-        contents: [{ uri: resourceUri, mimeType: "text/html+mcp", text: html }],
+        contents: [
+          {
+            uri: resourceUri,
+            mimeType: "text/html;profile=mcp-app",
+            text: html,
+          },
+        ],
       };
     },
   );

examples/system-monitor-server/server.ts

@@ -165,7 +165,13 @@ const server = new McpServer({
       );
 
       return {
-        contents: [{ uri: resourceUri, mimeType: "text/html+mcp", text: html }],
+        contents: [
+          {
+            uri: resourceUri,
+            mimeType: "text/html;profile=mcp-app",
+            text: html,
+          },
+        ],
       };
     },
   );