diff --git a/.eslintignore b/.eslintignore
index 54da98ab..11d71b84 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -3,5 +3,6 @@ dist
coverage
*.log
**/*.js
+packages/client/src/iframe-bundle.ts
examples
\ No newline at end of file
diff --git a/README.md b/README.md
index 28d07c6a..fbf444f0 100644
--- a/README.md
+++ b/README.md
@@ -28,8 +28,8 @@
`mcp-ui` is a TypeScript SDK comprising two packages:
-* **`@mcp-ui/server`**: Utilities to generate `HtmlResourceBlock` objects on your MCP server.
-* **`@mcp-ui/client`**: UI components (e.g., ``) to render those blocks in the browser and handle their events.
+* **`@mcp-ui/server`**: Utilities to generate UI resource objects (`HtmlResourceBlock`) on your MCP server.
+* **`@mcp-ui/client`**: UI components (e.g., ``) to render those blocks in the browser and handle their events.
Together, they let you define reusable UI resource blocks on the server side, seamlessly display them in the client, and react to their actions in the MCP host environment.
@@ -41,38 +41,33 @@ Together, they let you define reusable UI resource blocks on the server side, se
## β¨ Core Concepts
-### HtmlResource
+The primary component for rendering MCP resources is ``. It automatically detects the resource type and renders the appropriate component.
-The primary payload exchanged between the server and the client:
+### Supported Resource Types
-```ts
-interface HtmlResourceBlock {
- type: 'resource';
- resource: {
- uri: string; // ui://component/id
- mimeType: 'text/html' | 'text/uri-list'; // text/html for HTML content, text/uri-list for URL content
- text?: string; // Inline HTML or external URL
- blob?: string; // Base64-encoded HTML or URL
- };
-}
-```
+#### HTML (`text/html` and `text/uri-list`)
+
+Rendered using the `` component, which displays content inside an `